ECMAScript 2021（ES12）中的 Promise.race() 方法与 Promise.any() 方法对比
在 ES6 中，JavaScript 引入了 Promise 对象，使得异步操作更加可控和可组合。在 ES12 中，新的 Promise 方法 Promise.race() 和 Promise.any() 又被引入了。本文将分别对这两个方法进行详细的介绍，并进行对比，帮助开发者更好地掌握这两个 API。
Promise.race()
Promise.race() 方法接受一个 Promise 数组作为参数，并返回一个新的 Promise 实例，当其中任意一个 Promise 解析或拒绝时，返回的 Promise 实例就会解析或拒绝。该方法的语法如下所示：
Promise.race(iterable)
其中 iterable 参数必须是一个可迭代对象，例如数组或者字符串。当传入的 Promise 数组中只要有一个 Promise 解析或拒绝时，返回的 Promise 实例就会立即解析或拒绝。
下面是 Promise.race() 的一个示例代码：
-- -------------------- ---- -------
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------------
-- ------
---
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------------
-- ------
---
----------------------- ----------------------- -- -
------------------- -- -- --------
---上面的代码中，我们创建了两个 Promise 实例，分别在 2s 和 1s 后解析。然后我们使用 Promise.race() 方法将这两个 Promise 放到一个数组中，并传递给该方法。最后，我们利用 then() 方法取出了解析的值，并输出了其中耗时较少的 promise2。
Promise.any()
Promise.any() 方法也是接受一个 Promise 数组作为参数，并返回一个新的 Promise 实例。与 Promise.race() 不同的是，Promise.any() 只有在其中至少一个 Promise 解析时才会返回解析的值，否则会返回一个 AggregateError 对象，其中包含所有传递给该方法的 Promise 拒绝的原因。该方法的语法如下所示：
Promise.any(iterable)
与 Promise.race() 相同，该方法接受一个可迭代对象作为参数。
下面是 Promise.any() 的一个示例代码：
-- -------------------- ---- -------
----- -------- - --- ----------------- ------- -- -
------------- -- -
-------------------
-- ------
---
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------------
-- ------
---
---------------------- ----------------------- -- -
------------------- -- -- --------
---------------- -- -
------------------- -- -- --------------
---上面的代码中，我们同样是创建了两个 Promise 实例，不过这次我们将第一个 Promise 实例的状态设置为拒绝。然后我们使用 Promise.any() 方法将这两个 Promise 放到一个数组中，并传递给该方法。最后，当第二个 Promise 实例解析时，我们利用 then() 方法取出了其值，并输出了 promise2。如果两个 Promise 都被拒绝时，则会返回一个 AggregateError 对象。
对比与总结
从上面的示例代码中可以看出，Promise.race() 和 Promise.any() 都可以处理多个 Promise 实例的状态。它们的主要区别在于，Promise.race() 会在其中任意一个 Promise 状态改变时立即返回结果，而 Promise.any() 只有在其中至少一个 Promise 状态改变时才会返回结果。
在实际开发中，我们可以根据不同的需求选择使用这两个方法。如果我们希望在需要的情况下，立即返回最先完成的 Promise 的结果，则使用 Promise.race() 可以达到我们的目的。而如果我们希望只要其中的某一个 Promise 实例状态变为解析，就返回其结果，则使用 Promise.any() 可以完成这一任务。
需要注意的是，由于 Promise.any() 方法在所有 Promise 实例都被拒绝时才会返回 AggregateError，因此我们在使用该方法时，需要特别小心。我们可以在 then() 方法中检查返回值是否为 AggregateError 对象，以便正确处理 Promise 的状态。
总之，Promise.race() 和 Promise.any() 是两个非常实用的 Promise 方法，它们可以帮助我们更好的管理多个 Promise 实例的状态，并帮助我们实现更加优秀的异步程序设计。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651b6b5e95b1f8cacd3155b1