JavaScript中如何捕获异常_try_catch如何使用
JavaScript中try...catch用于捕获同步运行时异常，防止崩溃并支持错误处理；对异步错误需结合async/await或.catch()，且应避免空catch、慎用finally返回值。
JavaScript中用 try...catch 捕获运行时异常，防止程序因错误崩溃，同时能做错误处理或降级操作。它只捕获同步代码中的异常，对异步错误（如 Promise 拒绝、setTimeout 内的 throw）需配合其他方式处理。
基本语法结构
try...catch 由三部分组成：try 块放可能出错的代码，catch 接收错误对象，finally（可选）无论是否出错都会执行。
- try 块中一旦抛出异常（throw 或运行时报错），立即跳出并进入 catch
- catch 后面的参数（如
err）是 Error 实例，包含message、name、stack等属性 - finally 块适合清理资源，比如关闭定时器、重置状态等
捕获常见错误类型
除了通用 catch (err)，还可以用 instanceof 
或检查 err.name 区分错误种类，便于针对性处理。
-
SyntaxError：代码解析失败（通常在 eval 中出现） -
ReferenceError：访问未声明变量（如console.log(undef)） -
TypeError：操作不兼容类型（如null.toString()） -
RangeError：数值超出有效范围（如递归过深、数组长度非法）
示例：
try {JSON.parse('{ "name": }');
} catch (err) {
if (err instanceof SyntaxError) {
console.error('JSON格式错误:', err.message);
}
}
处理异步代码中的错误
try...catch 默认无法捕获 Promise 异步错误（如 fetch 失败、Promise.reject()），需结合 .catch() 或 async/await + try/catch。
- 使用
async/await时，await 后的 Promise 拒绝会被catch捕获 - 纯 Promise 链必须用
.catch()，否则会触发 unhandledrejection - 全局监听未捕获的 Promise 错误：添加
window.addEventListener('unhandledrejection')
推荐写法（async/await）：
async function loadData() {try {
const res = await fetch('/api/data');
if (!res.ok) throw new Error(`HTTP ${res.status}`);
return await res.json();
} catch (err) {
console.error('加载失败:', err.message);
return null;
}
}
不要忽略错误，但也不必层层 try
过度嵌套 try...catch 会让逻辑变乱；完全不捕获又容易导致静默失败。关键是“在哪一层处理最合理”。
- 在能恢复或提供友好反馈的地方捕获（如表单提交、API 调用）
- 避免空 catch（
catch {}），至少记录日志：console.error(err) - 必要时重新抛出错误：
throw err或throw new Error('包装后的信息')，保留原始堆栈 - 注意：
finally中 return 会覆盖 try/catch 的返回值，慎用
基本上就这些。掌握好 try/catch 的边界和配合方式，能让 JS 错误处理更可控、更健壮。
