Promise错误处理指南：then与catch的差异解析（azu/promises-book项目解读）

Promise错误处理指南：then与catch的差异解析（azu/promises-book项目解读）

前言

在Promise的使用过程中，错误处理是一个至关重要的环节。许多开发者在面对.then()和.catch()的选择时常常感到困惑。本文将从技术原理出发，深入解析这两种错误处理方式的差异，帮助开发者写出更健壮的异步代码。

基本概念回顾

首先我们需要明确几个基本概念：

1. .catch()实际上是.then(undefined, onRejected)的语法糖
2. Promise链式调用中，每个.then()或.catch()都会返回一个新的Promise对象
3. 错误在Promise链中具有"冒泡"特性，会一直向下传递直到被捕获

错误处理的两种模式

模式一：then中统一处理

promise.then(onFulfilled, onRejected)

这种模式看似简洁，但实际上存在一个关键限制：onRejected只能捕获promise本身的拒绝状态，而无法捕获onFulfilled函数中抛出的异常。

模式二：then与catch分离

promise.then(onFulfilled).catch(onRejected)

这种分离式的写法能够捕获两种错误：

1. promise本身的拒绝状态
2. onFulfilled函数中抛出的异常

深入原理分析

Promise链的执行机制

每个.then()都会创建一个新的Promise对象。当我们在.then()中同时提供onFulfilled和onRejected时：

1. 如果前一个Promise被拒绝，则执行当前.then()的onRejected
2. 如果前一个Promise被解决，则执行onFulfilled
3. 但onFulfilled中抛出的异常不会被同一个.then()的onRejected捕获

错误传播路径

错误在Promise链中的传播遵循以下规则：

1. 错误会沿着Promise链向下传递
2. 遇到第一个.catch()或带有onRejected的.then()时被捕获
3. 如果没有被捕获，会成为未处理的Promise拒绝

实际代码示例

反模式示例

function badMain(callback) {
  Promise.resolve().then(() => {
    throw new Error("错误发生");
    callback();
  }, (error) => {
    console.log("这个错误处理不会执行");
  });
}

在这个例子中，onRejected回调永远不会被执行，因为错误发生在onFulfilled中。

推荐模式示例

function goodMain(callback) {
  Promise.resolve().then(() => {
    throw new Error("错误发生");
    callback();
  }).catch((error) => {
    console.log("错误被正确捕获");
  });
}

这种写法能够确保所有可能的错误都被正确处理。

最佳实践建议

1. 分离关注点：将正常处理逻辑和错误处理逻辑分开
2. 优先使用.catch()：使代码意图更明确，可读性更高
3. 链式末尾添加catch：确保所有未处理的错误都能被捕获
4. 避免在then中混用：除非明确知道只需要处理前一个Promise的拒绝状态

常见误区

1. 认为then的onRejected能捕获所有错误：实际上它只能捕获前一个Promise的拒绝
2. 忽略错误处理：导致未捕获的Promise拒绝可能造成难以调试的问题
3. 过度嵌套的catch：有时一个链式末尾的catch就足够了

总结

理解.then()和.catch()的差异是掌握Promise错误处理的关键。虽然它们在功能上可以互相替代，但在实际开发中：

• 使用.then(onFulfilled).catch(onRejected)模式
• 保持错误处理代码的清晰和专注
• 确保所有可能的错误路径都被覆盖

这种实践能够显著提高异步代码的可靠性和可维护性。记住，好的错误处理不仅关乎代码正确性，也直接影响调试效率和系统稳定性。