在JavaScript的异步编程场景中，Promise用来封装异步操作并管理其状态，而错误处理是Promise使用中不可或缺的部分，合理的错误捕获能避免未处理的异常影响整个程序的运行。
使用catch方法捕获Promise错误
每个Promise实例都自带catch方法，它是专门用来捕获异步操作过程中抛出的错误的，本质上等价于then方法的第二个失败回调参数，但是语义更清晰，书写更简洁。
当Promise内部执行器抛出错误，或者调用了reject方法改变状态为失败时，catch方法注册的回调就会被触发。
const promise = new Promise((resolve, reject) => {
// 模拟异步操作失败
setTimeout(() => {
reject(new Error('异步操作失败'));
}, 1000);
});
promise.catch((error) => {
console.log('捕获到错误:', error.message);
});链式调用中的错误传递
Promise支持链式调用，在链式调用的过程中，如果某一步出现了错误，这个错误会自动顺着链向后传递，直到被后续的catch方法捕获。
这意味着不需要在每一个then方法里都写失败回调，只需要在链的末尾加一个catch统一处理错误即可，能大幅简化代码结构。
function asyncTask1() {
return new Promise((resolve) => {
setTimeout(() => resolve(1), 500);
});
}
function asyncTask2(num) {
return new Promise((resolve, reject) => {
// 模拟第二步操作失败
setTimeout(() => reject(new Error('第二步处理出错')), 500);
});
}
asyncTask1()
.then((res) => {
console.log('第一步结果:', res);
return asyncTask2(res);
})
.then((res) => {
console.log('第二步结果:', res);
})
.catch((error) => {
// 捕获到第二步抛出的错误
console.log('链式调用错误:', error.message);
});async/await结合try catch处理错误
async/await是Promise的语法糖，让异步代码的写法更接近同步代码，处理错误时搭配try catch语句即可，逻辑更直观。
在async函数内部，await后面的Promise如果状态变为失败，就会抛出异常，这个异常可以被外层的try catch捕获。
function fetchData() {
return new Promise((resolve, reject) => {
setTimeout(() => {
reject(new Error('请求数据失败'));
}, 800);
});
}
async function getData() {
try {
const result = await fetchData();
console.log('获取到的数据:', result);
} catch (error) {
console.log('async/await捕获错误:', error.message);
}
}
getData();常见错误处理误区
在实际开发中，有几个常见的Promise错误处理误区需要避免。
- 不要在Promise内部使用try catch包裹异步逻辑，因为异步操作的错误不会触发同步的try catch，完全是无效的写法。
- 不要遗漏catch方法，未捕获的Promise错误会被抛到全局，在浏览器环境会触发unhandledrejection事件，在Node.js环境可能导致进程退出。
- catch方法之后仍然可以继续链式调用then，因为catch返回的也是一个新的Promise，状态取决于catch回调里是否有错误抛出。
错误处理最佳实践
结合以上用法，推荐的最佳实践是：如果是使用原始的Promise链式调用，在链的末尾统一加一个catch捕获所有错误；如果是使用async/await，在每个async函数内部用try catch包裹await语句，根据业务需求决定是内部处理错误还是继续抛出异常。
同时可以在全局监听unhandledrejection事件，作为兜底的错误处理方案，避免未捕获的Promise错误影响程序稳定性。
// 浏览器环境全局兜底捕获未处理的Promise错误
window.addEventListener('unhandledrejection', (event) => {
console.log('全局捕获未处理的Promise错误:', event.reason);
// 阻止默认的错误提示
event.preventDefault();
});
JavaScriptPromise错误处理catch方法async_awaittry_catch修改时间：2026-06-07 03:22:14