javascript - Promise 最终在函数中使用时的 JS 未捕获错误

Question

这是JS代码:

function createPromise() {
  const result = new Promise((resolve, reject) => {
    setTimeout(() => {
      reject(new Error('my error'));
    }, 2000);
  });
// uncomment this to get error
//  result.finally(() => {
//     console.log('finally before');
//  });

  return result;
}

function test() {
  createPromise()
    .then(() => {
      console.log('promise then');
    })
    .catch((error) => {
      console.log('promise catch:', error);
    })
    .finally(() => {
      console.log('promise finally');
    });
}

它工作正常，执行后我在控制台中看到了:

promise catch: Error: my error
promise finall

但取消注释后:

result.finally(() => {
     console.log('finally before');
  });

在控制台中我有未捕获的异常:

finally before
promise catch: Error: my error
promise finally
Uncaught (in promise) Error: my error

为什么会这样，如何解释？

Answer 1

未处理的 promise

像 .then 和 .catch 一样，.finally 返回一个 promise 。但与 .catch 或 .then 不同，它的第二个参数提供了一个 onrejection 处理程序，finally 没有实现 promise 如果链中的先前 promise 被拒绝，它会返回。

因此，没有 result promise 的注释的预期输出是相同的。但除此之外，.finally 在 createPromise 中返回的 promise 没有拒绝处理程序。因此出现未捕获的 promise 拒绝错误。

函数 test 中的 .finally 没问题，因为前面的 catch 子句实现了它返回的 promise ，所以 .finally 不会拒绝保证它会回来。

---

更多关于 onfinally

• 一般来说，.finally 子句将 promise 链中前一个 promise 的结果或 promise 拒绝原因传递到链中的下一个 promise。

• 但是，如果 onFinally 处理程序抛出错误或返回被拒绝的 promise ，链中的下一个 promise 将因处理程序提供的相同错误或拒绝原因而被拒绝 - 任何数据或来自链中先前 promise 的拒绝原因被有效地丢弃。