在前端开发中，我们经常遇到处理异步任务的需求，而 Promise 就是一个非常强大的解决方案。然而，Promise 中可能会出现一些异常情况，如无法捕获 finally 中抛出的异常。在 ES9 中，JavaScript 引入了一个新的特性，可以解决这个问题。
Promise 中的 finally
首先，让我们先来了解一下 Promise 中的 finally。finally 是 Promise.prototype 上的一个方法，它接受一个回调函数作为参数，无论 Promise 的状态是成功还是失败，finally 都会执行，并且返回一个新的 Promise，它将继承前一个 Promise 的状态和值。
promise
.then(handleSuccess)
.catch(handleError)
.finally(() => {
// always executed
})在上面的代码中，无论 promise 是成功还是失败，finally 中的回调函数始终会执行。
Promise.prototype.catch 无法捕获 finally 中抛出异常的问题
虽然使用 Promise.prototype.catch 可以很方便地捕获 Promise 中的异常，但是如果异常是在 finally 中抛出的，catch 是无法捕获到的。下面的示例代码演示了这种情况。
-- -------------------- ---- -------
----- -------------- - ------------------
--------------
-------- -- -
----- --- ------------ -------- -- ------
--
------------ -- -
------------------
--
----------- -- -
----- --- ------------ -------- -- ---------
--在上面的代码中，我们首先创建了一个成功的 Promise，然后在 then 中抛出了一个异常。该异常被 catch 捕获并打印到控制台上。然而，在 finally 中抛出的异常却无法被 catch 捕获。
ES9 中的解决方案
在 ES9 中，我们可以使用 Promise.prototype.finally 方法来解决 catch 无法捕获 finally 中抛出异常的问题。与 then 和 catch 不同的是，finally 不会接收任何参数，也不会返回结果，它只是用来执行一些清理任务。
promise
.then(handleSuccess)
.catch(handleError)
.finally(() => {
// cleanup tasks
})上面的代码中，使用 finally 执行了一些清理任务，并保证它们在 Promise 执行完成后一定会得到执行。这样就可以避免 catch 无法捕获 finally 中抛出的异常的问题。
下面的示例代码演示了使用 ES9 中的 Promise.prototype.finally 方法来解决该问题的方法。
-- -------------------- ---- -------
----- -------------- - ------------------
--------------
-------- -- -
----- --- ------------ -------- -- ------
--
------------ -- -
------------------
--
----------- -- -
----- --- ------------ -------- -- ---------
--
------------ -- -
------------------
--在上面的代码中，我们在 finally 内部抛出了一个异常，并在最后使用了一个 catch 来捕获它。通过这种方式，catch 就可以捕获到 finally 中抛出的异常了。
总结
在 ES9 中引入的 Promise.prototype.finally 方法可以很方便地解决 Promise.prototype.catch 无法捕获 finally 中抛出异常的问题。在处理异步任务时，我们应该善于使用 Promise 的各种特性，以提高代码的可读性和维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ccc6975ad90b6d042bd47c