JavaScript错误捕获主要用try...catch语句,将可能出错的代码放入try块,处理逻辑放入catch块;catch参数为错误对象,含message、name、stack等属性;finally块总会执行,适合清理资源;async/await中需用await才能使Promise拒绝被catch捕获。

JavaScript 中的错误捕获主要靠 try...catch 语句,它能让你在代码出错时不中断执行,而是有控制地处理异常。
try...catch 基本结构怎么写
语法很简单:把可能出错的代码放进 try 块,把出错后的处理逻辑放进 catch 块。
例如:
try {
let result = JSON.parse('{"name": "Alice",'); // 缺少右括号,会抛出 SyntaxError
console.log(result);
} catch (error) {
console.error('解析失败:', error.message);
}
// 程序继续运行到这里
console.log('后续代码正常执行');
注意:catch 参数(如 error)是可选名称,代表捕获到的错误对象,它通常包含 message、name 和 stack 等属性。
立即学习“Java免费学习笔记(深入)”;
什么时候该用 try...catch
不是所有地方都需要加,重点用在以下场景:
- 外部数据解析(如
JSON.parse()、XMLHttpRequest响应处理) - 用户输入校验或 DOM 操作(比如获取不存在的元素后调用方法)
- 调用第三方库中可能抛异常的方法(尤其文档注明“throws”的)
- 异步操作中 同步部分 的错误(注意:它不能直接捕获 Promise 异步错误)
try...catch...finally 是什么
finally 块无论是否出错都会执行,适合放清理逻辑:
let fileHandle;
try {
fileHandle = openFile('data.txt');
process(fileHandle);
} catch (err) {
console.error('处理文件时出错:', err.message);
} finally {
if (fileHandle) closeFile(fileHandle); // 保证关闭资源
}
finally 不影响返回值:如果 try 或 catch 中有 return,finally 仍会执行,但不能改写已确定的返回值(除非它自己也写 return)。
Promise 和 async/await 怎么配合 try...catch
原生 try...catch 对 Promise 的 异步拒绝(reject)无效,必须配合 await 才能捕获:
- ✅ 正确(async 函数内用 await):
async function fetchData() {
try {
const res = await fetch('/api/data');
const data = await res.json(); // 这里可能抛错
return data;
} catch (err) {
console.error('请求或解析失败:', err);
}
}
- ❌ 错误(没 await,catch 捕不到):
fetch('/api/data')
.then(res => res.json())
.catch(err => console.error(err)); // 必须用 .catch,不能靠外层 try
简记:只有 await 后面的 Promise 拒绝才会被同步的 catch 捕获。











