在 JavaScript 中，Promise 是处理异步的一种方式。ES6 中引入了 Promise 对象，它可以代替传统的回调函数，更加优雅地处理异步操作。在 Promise 中，我们可以使用 Promise.all() 方法来执行多个 Promise 实例，并且当其中有一个 Promise 实例出错时，会立即终止所有 Promise 的执行。ES11 中新的 Promise.allSettled 方法解决了这个问题，本文将详细介绍这个新方法。
Promise.all() 的问题
在平常的开发中，我们经常需要使用 Promise 来进行异步操作。举个例子，我们需要从两个不同的接口获取数据，然后将这两个数据合并在一起显示到页面上。我们可以使用 Promise.all() 来同时调用这两个接口：
-- -------------------- ---- -------
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------------
-- ------
---
----- -------- - --- ----------------- ------- -- -
-------------------
---
---------------------- ----------
--------------- -- -
---------------------
--
-------------- -- -
-------------------
---上面的代码中，我们创建了两个 Promise 实例，分别是 promise1 和 promise2。 promise1 的状态是 resolved，它会在 1 秒后返回一个值；而 promise2 的状态是 rejected，它会立即返回一个错误。
我们使用 Promise.all() 方法同时调用这两个 Promise，当这两个 Promise 都执行完成后，then() 方法中的回调函数将执行，并且返回 promise1 和 promise2 的结果数组，即 ['promise1', 'promise2']。但是由于 promise2 状态是 rejected，它会立即终止所有 Promise 的执行，并执行 catch() 方法中的回调函数，返回错误信息'promise2'。
这种情况并不是我们期望的。我们希望所有 Promise 都执行完毕后才能返回结果，而不是只要有一个 Promise 出错就立即终止。怎么处理这种情况呢？
Promise.allSettled 方法的解决方法
在 ES11 中，Promise.allSettled() 方法被引入了，它可以解决 Promise.all() 终止执行导致结果不完整的问题。Promise.allSettled() 方法的语法与 Promise.all() 类似，接收一个 Promise 数组作为参数，并且会返回一个 Promise 实例。
Promise.allSettled() 方法会等待所有 Promise 完成，无论是 rejected 还是 resolved 状态。返回结果中包含一个数组，数组中每个元素都是一个对象，对象包含 promise 的执行结果和状态信息。其返回的结果数组包含所有 Promise 都执行完成的状态，不管状态是 fulfilled 还是 rejected。
下面是 Promise.allSettled() 方法的示例：
-- -------------------- ---- -------
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------------
-- ------
---
----- -------- - --- ----------------- ------- -- -
-------------------
---
----------------------------- ----------
--------------- -- -
---------------------
---上面的代码与上面的 Promise.all() 示例代码类似，但这里使用了 Promise.allSettled() 方法。执行的结果如下：
[
{ status: 'fulfilled', value: 'promise1' },
{ status: 'rejected', reason: 'promise2' }
]返回的结果是一个数组，数组中包含每个 Promise 的执行结果和状态信息。在上面的例子中，由于 promise1 的状态是 resolved，所以它的状态是 'fulfilled'。它的值是 'promise1'。而 promise2 的状态是 rejected，所以它的状态是 'rejected'，并且它的错误信息是 'promise2'。
使用 Promise.allSettled() 方法，我们可以更好地了解每个 Promise 的执行状态。这使得我们更容易处理异步代码中的错误，以及更好地处理代码的错误流程。
结论
Promise.allSettled() 方法是 ES11 中新增的一个重要方法，它可以更好地解决异步操作中出现的问题。当我们需要处理多个异步操作时，可以使用 Promise.allSettled() 方法来同时处理多个操作，而不用担心终止所有操作的问题，从而更好地处理异步代码中的错误流程。
总的来说，ES11 中新增的 Promise.allSettled() 方法是一个非常有用的工具，它可以提高我们在处理异步代码中错误流程的效率，帮助我们更好地管理异步操作和代码逻辑。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f105916fbf960197355956