JS | Promise的then方法的第二个参数和catch的区别

reject是用来抛出异常的，catch是用来处理异常的；

reject是Promise的方法，而then和catch是Promise实例的方法（Promise.prototype.then 和 Promise.prototype.catch）。

1. 区别

主要区别就是，如果在then的第一个函数里抛出了异常，后面的catch能捕获到，而then的第二个函数捕获不到。

1‌、then的第二个参数

只能捕获：

• 当前Promise被reject时抛出的错误
• 前一个then中‌第一个参数（成功回调）同步抛出的错误，但无法捕获前一个then中第一个参数的异步错误或其他链式调用中的错误

‌2、catch方法

可以捕获整个Promise链中任意位置的错误，包括：

• 前一个Promise的reject
• 前一个then/catch中同步或异步抛出的错误
• 更早的链式调用中未被处理的错误

示例验证

Promise.resolve()
  .then(() => { 
    throw new Error("then第一个参数的同步错误"); 
  }, (err) => {
    console.log("then第二个参数捕获不到这里", err); // ❌ 不会执行
  })
  .catch(err => {
    console.log("catch捕获成功:", err); // ✅ 会执行
  });

浏览器控制台运行：catch捕获成功: Error: then第一个参数的同步错误

最佳实践

建议统一使用catch处理错误，因为：

• 更清晰的错误处理流程
• 避免遗漏异步错误
• 符合Promise链式调用的设计初衷

catch只是一个语法糖而己 还是通过then来处理的，大概如下所示：

then的第二个参数和catch捕获错误信息的时候会就近原则，如果是promise内部报错，reject抛出错误后，then的第二个参数和catch方法都存在的情况下，只有then的第二个参数能捕获到，如果then的第二个参数不存在，则catch方法会捕获到。

const promise = new Promise((resolve, rejected) => {
    throw new Error('test');
});

//此时只有then的第二个参数可以捕获到错误信息
promise.then(res => {
    //
}, err => {
    console.log(err);
}).catch(err1 => {
    console.log(err1);
});


//此时catch方法可以捕获到错误信息
promise.then(res => {
    //
}).catch(err1 => {
    console.log(err1);
});


//此时只有then的第二个参数可以捕获到Promise内部抛出的错误信息
promise.then(res => {
    throw new Error('hello');
}, err => {
    console.log(err);
}).catch(err1 => {
    console.log(err1);
});

//此时只有then的第二个参数可以捕获到Promise内部抛出的错误信息
promise.then(res => {
    throw new Error('hello');
}, err => {
    console.log(err);
});


//此时catch可以捕获到Promise内部抛出的错误信息
promise.then(res => {
    throw new Error('hello');
}).catch(err1 => {
    console.log(err1);
});

2. 两个捕获方法的比较

// bad
promise
  .then(function(data) {
    // success
  }, function(err) {
    // error
  });

// good
promise
  .then(function(data) { //cb
    // success
  })
  .catch(function(err) {
    // error
  });

上面代码中，第二种写法要好于第一种写法，理由是第二种写法可以捕获前面then方法执行中的错误，也更接近同步的写法（try/catch）。因此，建议总是使用catch方法，而不使用then方法的第二个参数。