我正在浏览关于 Promises 的 MDN 文档并提出了一个我无法理解的示例。有人可以向我解释一下流程吗

Question

promise 得到解决 CB 然后运行然后它在 catch 块运行之后抛出一个被拒绝的 promise 那么为什么另一个然后运行呢？我无法理解它背后的流程确实 catch 也返回一个新的承诺？

代码-

Promise.resolve()
  .then(() => {
    // Makes .then() return a rejected promise
    throw new Error('Oh no!');
  })
  .catch(error => {
    console.error('onRejected function called: ' + error.message);
  })
  .then(() => {
    console.log("I am always called even if the prior then's promise rejects");
  })

输出- 即使之前的承诺被拒绝，我也总是被召唤

onRejected 函数调用：哦不！

Answer 1

then() 和 catch() 方法都返回一个承诺，它们返回的承诺取决于两件事：

• 调用它们的原始承诺会发生什么？

• 他们的回调函数返回什么？

最后一个 then() 方法是在 catch() 方法返回的承诺上调用的，并且由于 catch() 方法在您的代码中隐式返回 undefined，catch() 方法返回的承诺使用undefined 的值，然后调用 then() 方法。

如果要停止执行最后一个then() 方法，则需要拒绝catch() 方法返回的promise。 这可以通过重新抛出错误或返回被拒绝的承诺来完成。

---

您的代码按如下所述执行：

1. Promise.resolve() 返回一个已解决的承诺

2. 第 1 步中已解决的 promise 导致调用 Promise.resolve().then(...) 方法的回调函数

   • 由于Promise.resolve().then(...)的回调函数抛出错误，then()方法返回的promise被拒绝，错误对象为拒绝原因。

3. 由于第2步then()方法返回的promise被拒绝，导致调用catch()方法的回调函数。

   • catch() 方法的回调函数记录错误

   • 由于catch()方法的回调函数中没有显式的return语句，所以回调方法隐式返回undefined。

   • catch()方法返回的promise用其回调函数的返回值解析，即undefined

4. 当catch()方法返回的promise被解析后，它会调用最后一个then()方法的回调函数