为什么使用Promise.finally会导致未捕获的异常？

如何解决为什么使用Promise.finally会导致未捕获的异常？

我正在实现一个名为timeout的函数，将一个诺言转换为一个诺言，如果在最短时间内未解决，诺言将被拒绝。

通过以下实现，当在指定时间之前传递给uncaught (in promise)的承诺被拒绝时，我在Chrome devtools中收到一条timeout消息。

function timeout(promise,duration,message) {
    const timeoutPromise = new Promise((_,reject) => {
        const handle = setTimeout(() => {
            reject(new TimeoutError(message ?? "Operation timed out."))
        },duration)
        promise.finally(() => clearTimeout(handle)) //problem line
    })
    return Promise.race([promise,timeoutPromise])
}

但是，如果将其更改为以下内容，则似乎没有问题。

function timeout(promise,duration)
        const clear = () => clearTimeout(handle)
        promise.then(clear).catch(clear)
    })
    return Promise.race([promise,timeoutPromise])
}

我试图了解在第二种情况下调用then和catch与在第一种情况下调用finally有何不同。

解决方法

这是因为finally处理程序与then和catch处理程序不同。如果承诺被拒绝，则finally处理程序无法将拒绝更改为解决方案。像finally / try / catch结构的finally块一样，它在很大程度上是透明的。

这就是我在新书中描述它的方式（第8章）：

在通常情况下，finally处理程序对通过的实现或拒绝没有影响 它（像finally块一样）：它返回的任何值（除了被拒绝的thenable之外）都是 忽略了。但是，如果抛出错误或返回拒绝的罐头，则该错误/拒绝将被取代 通过它的任何实现或拒绝（就像抛出finally块一样）。所以它不能改变 履行价值（即使返回的价值不同），也可以将拒绝原因更改为 不同的拒绝原因，它可以将实现变为拒绝，并且可以延迟实现（通过 返回最终实现的罐头食品。

或者换句话说：它就像一个finally块，不能包含return语句。 （它可能 拥有一个throw或可能调用一个函数或进行一些抛出的操作，但无法返回新值。

以下是无法将拒绝转化为实现的示例：

Promise.reject(new Error("Failed"))
.finally(() => {
    console.log("finally handler returns null");
    return null;
});

Look in the browser's real console to see the unhandled rejection error.

---

在代码中处理它的另一种方法是代替问题行：

promise.catch(() => {}).finally(() => clearTimeout(handle))

或

promise.catch(() => {}).then(() => clearTimeout(handle))

将finally（或then）处理程序之前的拒绝转化为实现（仅在此分支上）。