Promise链式调用通过.then()和.catch()串联异步操作,每次.then()返回新Promise实现数据传递与流程控制,.catch()捕获链中任意错误,推荐末尾统一处理异常,.catch()中return可恢复链的执行,保持代码清晰健壮。

Promise 链式调用是 JavaScript 中处理异步操作的核心方式之一。通过 .then() 和 .catch() 的串联,可以避免回调地狱,让代码更清晰、可维护。
Promise 链式调用的基本写法
每次调用 .then() 返回一个新的 Promise,因此可以链式传递数据:
fetchUserData()
.then(user => {
console.log('用户信息:', user);
return getUserOrders(user.id); // 返回新的 Promise
})
.then(orders => {
console.log('订单列表:', orders);
return processOrders(orders);
})
.then(result => {
console.log('处理完成:', result);
});
每个 .then() 接收上一个 Promise 的 resolve 值,并可返回普通值或新的 Promise,后续 then 会等待其完成后再执行。
错误处理:使用 .catch() 捕获异常
链式中任意一步出错(reject 或抛出异常),都会跳转到最近的 .catch():
fetchUserData()
.then(user => getUserOrders(user.id))
.then(orders => riskyOperation(orders))
.then(result => console.log(result))
.catch(error => {
console.error('请求失败:', error.message);
});
推荐在链的末尾统一加 .catch(),确保所有可能的错误都能被捕获,避免未处理的 Promise rejection。
链中处理部分错误:return 与 throw
如果想在链中“消化”某个错误并继续执行,可以在 .then() 中捕获异常并返回新值:
fetchData()
.then(data => {
if (!data) throw new Error('数据为空');
return data;
})
.catch(err => {
console.warn('出错了,使用默认值:', err.message);
return { default: true }; // 错误后返回默认数据,链继续
})
.then(res => {
console.log('继续处理:', res);
});
注意:在 .catch() 中 return 普通值或 Promise,会将状态转为 resolved,后续 .then() 仍会执行。
实际开发建议
- 始终在 Promise 链末尾添加 .catch(),防止静默失败
- 避免在 .then() 中写复杂逻辑,保持简洁
- 链中每一步应只做一件事,便于调试和复用
- 若需并发操作,使用 Promise.all() 或 Promise.allSettled()










