随着前端开发的不断发展，异步编程已经成为了不可避免的一部分。在异步编程中，Promise 成为了不可或缺的一部分。ES11 中新增了两个 Promise 方法：Promise.allSettled 和 Promise.any，它们为我们提供了更加便利的异步编程方式。
Promise.allSettled
Promise.allSettled 方法接收一个 Promise 数组作为参数，并返回一个 Promise 对象。当所有的 Promise 对象都执行完毕后，Promise.allSettled 返回的 Promise 对象的状态会变为 resolved，它的值是一个数组，数组中的每个元素都是一个对象，对象包含两个属性：状态和值。
- 状态：表示 Promise 对象的状态，可以是 fulfilled 或者 rejected。
- 值：表示 Promise 对象的返回值或者错误信息。
下面是一个使用 Promise.allSettled 方法的示例代码：
----- -------- - -------------------
----- -------- - ------------------ ----------------
----- -------- - -------------------------
----------------------------- --------- ----------
------------- -- -
---------------------
--
------------ -- -
-------------------
---输出结果如下：
- - ------- ------------ ------ - -- - ------- ----------- ------- ------ ----- -- ---------------- -- - ------- ------------ ------ ------- - -
从输出结果中可以看出，Promise.allSettled 方法会等待所有的 Promise 对象执行完毕后，再返回一个 Promise 对象。返回的 Promise 对象的状态为 resolved，它的值是一个数组，数组中的每个元素都包含了状态和值。
Promise.any
Promise.any 方法接收一个 Promise 数组作为参数，并返回一个 Promise 对象。当 Promise 数组中的任意一个 Promise 对象执行完毕后，Promise.any 返回的 Promise 对象的状态会变为 resolved，它的值是第一个状态为 fulfilled 的 Promise 对象的返回值。
如果 Promise 数组中的所有 Promise 对象都执行失败，Promise.any 返回的 Promise 对象的状态会变为 rejected，它的值是一个 AggregateError 对象，它包含了所有 Promise 对象的错误信息。
下面是一个使用 Promise.any 方法的示例代码：
----- -------- - --- ----------------- ------- -- -
------------- -- -
---------- -----------------
-- ------
---
----- -------- - --- ----------------- ------- -- -
------------- -- -
-----------------
-- ------
---
----- -------- - --- ----------------- ------- -- -
------------- -- -
---------- -----------------
-- ------
---
---------------------- --------- ----------
------------ -- -
--------------------
--
------------ -- -
-------------------
---输出结果如下：
-----
从输出结果中可以看出，Promise.any 方法会等待 Promise 数组中的任意一个 Promise 对象执行完毕后，返回一个 Promise 对象。返回的 Promise 对象的状态为 resolved，它的值是第一个状态为 fulfilled 的 Promise 对象的返回值。
总结
Promise.allSettled 和 Promise.any 方法为我们提供了更加便利的异步编程方式。它们可以帮助我们更好地处理 Promise 数组中的多个 Promise 对象，让我们的代码更加简洁和易于维护。在实际开发中，我们可以根据具体的需求选择使用哪个方法，以达到更好的效果。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66062b7bd10417a222429caf