在前端开发中，异步编程是必不可少的技能。Promise 是一种用于处理异步操作的对象，它可以解决回调地狱问题，并且可以更好地处理错误。ES11 中新增了 Promise.race() 和 Promise.any() 方法，它们可以帮助我们更好地解决 Promise 并发问题。
Promise.race()
Promise.race() 方法接收一个 Promise 数组，返回一个新的 Promise，只要有一个 Promise 的状态发生变化，新的 Promise 就会采用这个 Promise 的状态。例如：
-- -------------------- ---- -------
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------- ---------
-- ------
---
----- -------- - --- ----------------- ------- -- -
------------- -- -
---------- ---------------- ---- ----------
-- -----
---
----------------------- ----------
------------ -- -
-------------------- -- ------- -------
--
------------ -- -
--------------------- -- ------ --------- ---- ------
---在上面的例子中，Promise.race() 方法接收了两个 Promise，其中 promise1 的状态为 fulfilled，promise2 的状态为 rejected。由于 Promise.race() 方法只要有一个 Promise 的状态发生变化，新的 Promise 就会采用这个 Promise 的状态，因此新的 Promise 的状态为 fulfilled，输出了 promise1 的结果。
Promise.any()
Promise.any() 方法接收一个 Promise 数组，返回一个新的 Promise，只要有一个 Promise 的状态变为 fulfilled，新的 Promise 就会采用这个 Promise 的状态。例如：
-- -------------------- ---- -------
----- -------- - --- ----------------- ------- -- -
------------- -- -
---------- ---------------- ---- ----------
-- ------
---
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------- ---------
-- -----
---
---------------------- ----------
------------ -- -
-------------------- -- ------- -------
--
------------ -- -
--------------------- -- ------ --------- ---- ------
---在上面的例子中，Promise.any() 方法接收了两个 Promise，其中 promise1 的状态为 rejected，promise2 的状态为 fulfilled。由于 Promise.any() 方法只要有一个 Promise 的状态变为 fulfilled，新的 Promise 就会采用这个 Promise 的状态，因此新的 Promise 的状态为 fulfilled，输出了 promise2 的结果。
解决 Promise 并发问题
Promise.race() 和 Promise.any() 方法可以帮助我们更好地解决 Promise 并发问题。例如，我们需要同时请求多个接口，只有当所有接口都返回结果时才进行下一步操作，可以使用 Promise.all() 方法：
-- -------------------- ---- -------
----- -------- - ----------------
----- -------- - ----------------
----- -------- - ----------------
---------------------- --------- ----------
------------- -- -
-- ----
--
------------ -- -
-- ----
---但如果我们只需要其中一个接口返回结果就进行下一步操作，可以使用 Promise.race() 方法：
-- -------------------- ---- -------
----- -------- - ----------------
----- -------- - ----------------
----- -------- - ----------------
----------------------- --------- ----------
------------ -- -
-- ----
--
------------ -- -
-- ----
---如果我们只需要其中一个接口返回成功结果就进行下一步操作，可以使用 Promise.any() 方法：
-- -------------------- ---- -------
----- -------- - ----------------
----- -------- - ----------------
----- -------- - ----------------
---------------------- --------- ----------
------------ -- -
-- ----
--
------------ -- -
-- ----
---总结
Promise.race() 和 Promise.any() 方法是 ES11 中新增的 Promise 方法，它们可以帮助我们更好地解决 Promise 并发问题。在实际开发中，我们可以根据需求选择合适的方法来解决问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6504f74895b1f8cacd183a4b