为什么链式Promise前序报错被.catch捕获后，后续.then仍会执行？

问题原因 #

这是Promise链式调用中catch方法的返回特性导致的：
Promise.prototype.catch执行后会返回一个全新的Promise实例，只要catch的回调函数没有抛出新错误，也没有主动返回一个 rejected 状态的Promise，这个新Promise的状态就会被置为成功（fulfilled），后续链式调用的then就会正常触发。

对应你的代码，functionB末尾的.catch((error) => error)直接把捕获到的错误作为返回值返回，没有重新抛出错误，所以functionB最终返回的是一个成功状态的Promise，成功值就是你抛出的Error对象。因此functionC中调用functionB后会直接进入then代码块，此时then拿到的id参数其实就是这个Error实例。

修复方案 #

如果希望functionB的错误能被外层functionC的catch捕获，可以选择以下任意一种处理方式：

• 直接移除functionB末尾的catch语句，错误会自动沿着Promise链向外层传递
• 如果需要在functionB内部先完成错误日志、上报等前置处理，处理完成后重新抛出错误即可：

.catch((error) => {
  // 内部错误处理逻辑，例如打印日志
  console.error('functionB执行出错：', error)
  // 重新抛出错误，让functionB返回的Promise状态为rejected
  throw error
})

• 也可以显式返回一个rejected状态的Promise：

.catch((error) => Promise.reject(error))

内容的提问来源于stack exchange，提问作者yumba