在 JavaScript 中，Promise 是一种强大的异步操作处理机制。当我们需要同时执行多个异步操作时，可以使用 Promise.race() 方法。
Promise.race() 方法
Promise.race() 方法接受一个由 Promise 对象组成的数组作为参数，并返回一个新的 Promise 对象。当数组中的任何一个 Promise 对象状态发生变化时，该对象的状态就会被传递给新的 Promise 对象。
Promise.race() 方法的语法如下：
Promise.race(iterable)
其中，iterable 是一个可迭代对象，如数组、set 或者字符串。
Promise.race() 的用途
Promise.race() 方法的主要用途是实现超时控制。举个例子，我们向服务器请求一个数据，但是如果服务器超过 5 秒没有响应，我们就需要做出相应的处理。
下面是一个简单的示例代码：
-- -------------------- ---- -------
----- -------- - -- -- -
----- ------- - --- ----------------- ------- -- -
-- ----
-------------------------------------
-------------- -- -
-----------------------
--
------------ -- -
--------------
---
---
-- -- - ---
----- ------- - --- ----------------- ------- -- -
------------- -- -
---------- ------------------
-- ------
---
------ ---------------------- ----------
--
----------
---------- -- -
------------------
--
------------ -- -
---------------------
---在上述代码中，我们使用了 Promise.race() 方法来同时执行 Promise 对象 promise 和 timeout，当一个 Promise 对象状态改变时，会将该状态传递给下一个 Promise 对象。
如果服务器在 5 秒内响应，则 resolve() 方法会被调用，loadData() 返回的 Promise 对象会被 resolve。如果服务器没有在 5 秒内响应，则 timeout 倒计时结束时，reject() 方法会被调用，loadData() 返回的 Promise 对象也将被 reject，并抛出超时错误信息。
注意事项
在使用 Promise.race() 方法时，需要注意以下几点：
- Promise.race() 方法只关心 Promise 对象的状态，不会修改 Promise 对象的值。
- 如果 Promise 数组中的 Promise 对象已经被 resolve 或 reject，Promise.race() 方法会忽略它们的状态，并直接返回第一个状态发生变化的 Promise 对象。
- 如果 Promise 数组为空，则返回的 Promise 对象永远不会 resolve 或 reject，因为没有 Promise 对象可以决定它的状态。
总结
Promise.race() 方法是一种十分实用的异步操作处理机制。它可以用来实现超时控制，同时还能与其他 Promise 方法配合使用，完成更多的复杂异步操作。在使用 Promise.race() 方法时，需要注意它的使用场景和注意事项，避免出现异常情况。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645a835b968c7c53b0cef3a0