ECMAScript 2019（ES10）的 Promise.allSettled() 方法和 Promise.any() 方法详解与比较
随着 JavaScript 应用程序的复杂性不断增加，异步编程成为了前端开发中不可或缺的一部分。Promise 是一种处理异步操作的方式，它可以更好地控制异步操作的流程和结果，并且可以避免回调地狱等问题。在 ECMAScript 2019（ES10）中，Promise 类型新增了两个方法：Promise.allSettled() 和 Promise.any()。这两个方法可以帮助开发人员更好地处理异步操作的结果，本文将详细介绍这两个方法及其使用方法，并且比较它们之间的异同点。
Promise.allSettled() 方法
Promise.allSettled() 方法接收一个 Promise 数组作为参数，并且返回一个 Promise 对象。当传入的 Promise 数组中的所有 Promise 对象都被 settled（即 fulfilled 或 rejected）时，返回的 Promise 对象才会 settled。返回的 Promise 对象的结果是一个数组，数组中的每个元素都是一个对象，该对象表示传入 Promise 数组中对应的 Promise 对象的状态信息，包括 Promise 对象的状态（fulfilled 或 rejected）和 Promise 对象的值或原因。
Promise.allSettled() 方法的语法如下：
Promise.allSettled(iterable)
其中，iterable 表示一个 Promise 数组。
下面是 Promise.allSettled() 方法的一个示例：
-- -------------------- ---- -------
----- -------- - -
---------------------------
------------------------
------------------------ ---------
--
----------------------------
--------------- -- -
---------------------
--
-------------- -- -
-------------------
---在上面的示例中，我们定义了一个 Promise 数组，其中包含三个 Promise 对象。第一个和第三个 Promise 对象都是 resolved 状态，并且返回了一个字符串。第二个 Promise 对象是 rejected 状态，并且返回了一个字符串。我们调用 Promise.allSettled() 方法，并将 Promise 数组作为参数传入。当所有 Promise 对象都 settled 时，Promise.allSettled() 方法返回一个 Promise 对象。在 then() 方法中，我们输出了 Promise.allSettled() 方法返回的结果。在控制台中，我们可以看到输出了一个数组，该数组包含了每个 Promise 对象的状态和值或原因。
Promise.any() 方法
Promise.any() 方法接收一个 Promise 数组作为参数，并且返回一个 Promise 对象。当传入的 Promise 数组中的任意一个 Promise 对象被 fulfilled 时，返回的 Promise 对象就会被 settled。返回的 Promise 对象的结果是传入 Promise 数组中第一个被 fulfilled 的 Promise 对象的值。
Promise.any() 方法的语法如下：
Promise.any(iterable)
其中，iterable 表示一个 Promise 数组。
下面是 Promise.any() 方法的一个示例：
-- -------------------- ---- -------
----- -------- - -
--------------------- ----
---------------------------
--------------------- ---
--
---------------------
-------------- -- -
--------------------
--
-------------- -- -
-------------------
---在上面的示例中，我们定义了一个 Promise 数组，其中包含三个 Promise 对象。第一个和第三个 Promise 对象都是 rejected 状态，并且返回了一个字符串。第二个 Promise 对象是 resolved 状态，并且返回了一个字符串。我们调用 Promise.any() 方法，并将 Promise 数组作为参数传入。当任意一个 Promise 对象被 fulfilled 时，Promise.any() 方法返回一个 Promise 对象。在 then() 方法中，我们输出了 Promise.any() 方法返回的结果。在控制台中，我们可以看到输出了一个字符串，该字符串是传入 Promise 数组中第一个被 fulfilled 的 Promise 对象的值。
Promise.allSettled() 方法和 Promise.any() 方法的比较
Promise.allSettled() 方法和 Promise.any() 方法都是用于处理 Promise 数组的方法，但它们之间也有一些不同之处：
返回结果的类型不同：Promise.allSettled() 方法返回的是一个数组，数组中的每个元素都是一个对象，该对象表示传入 Promise 数组中对应的 Promise 对象的状态信息。而 Promise.any() 方法返回的是传入 Promise 数组中第一个被 fulfilled 的 Promise 对象的值。
处理方式不同：Promise.allSettled() 方法会等待传入 Promise 数组中的所有 Promise 对象都 settled 后才会返回结果。而 Promise.any() 方法只会等待传入 Promise 数组中第一个被 fulfilled 的 Promise 对象，然后返回结果。
处理 rejected Promise 对象的方式不同：Promise.allSettled() 方法会将传入 Promise 数组中的所有 Promise 对象的状态信息都返回，包括 rejected Promise 对象的原因。而 Promise.any() 方法只会返回传入 Promise 数组中第一个被 fulfilled 的 Promise 对象的值，如果传入的 Promise 数组中所有 Promise 对象都是 rejected 状态，Promise.any() 方法会抛出 AggregateError 异常。
结论
Promise.allSettled() 方法和 Promise.any() 方法是两个非常有用的 Promise 方法，它们可以帮助我们更好地处理异步操作的结果。当我们需要等待多个异步操作全部 settled 后再处理结果时，可以使用 Promise.allSettled() 方法；当我们只需要等待传入 Promise 数组中第一个被 fulfilled 的 Promise 对象时，可以使用 Promise.any() 方法。在实际开发中，我们可以根据具体的业务需求选择使用哪个方法，或者根据具体情况结合使用这两个方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6757fdba1f226a77363915d4