在前端开发中，我们经常会使用 Promise 来处理异步请求，而 Promise.race() 方法则可以用来同时触发多个 Promise，只要有一个 Promise 状态改变，就会返回该 Promise 的结果。
但是，当多个 Promise 同时 resolve 或 reject 的情况下，该如何处理呢？本文将为大家详细介绍 Promise.race() 中如何处理多个 Promise 同时 resolve 或 reject 的情况，并提供示例代码。
Promise.race() 的基本用法
首先，让我们来回顾一下 Promise.race() 的基本用法。Promise.race() 方法的语法如下：
----------------------
其中，iterable 参数是一个可迭代对象（比如数组），包含多个 Promise 实例。Promise.race() 方法会返回一个新的 Promise 实例，它的状态取决于其中一个 Promise 实例的状态，具体来说：
- 如果其中一个 Promise 实例的状态变为 resolved，则返回该实例的结果；
- 如果其中一个 Promise 实例的状态变为 rejected，则返回该实例的错误信息。
下面是一个简单的示例代码：
----- -------- - --- ----------------- ------- -- - ------------- -- ----------------- ----------- ------ --- ----- -------- - --- ----------------- ------- -- - ------------- -- ----------------- ----------- ------ --- ----------------------- ---------------------- -- - -------------------- -- --------- --------- -------------- -- - --------------------- ---
在上面的示例代码中，我们创建了两个 Promise 实例 promise1 和 promise2，分别在 1 秒和 2 秒后 resolve。然后，我们使用 Promise.race() 方法同时触发这两个 Promise 实例，并打印出第一个 resolve 的结果，即 'promise1 resolved'。
处理多个 Promise 同时 resolve 的情况
当多个 Promise 同时 resolve 的情况下，Promise.race() 方法会返回其中一个 Promise 的结果。但是，如果我们想要获取所有 Promise 的结果，该怎么办呢？
一种解决方法是使用 Promise.all() 方法，它可以等待所有 Promise 都 resolve 后返回所有 Promise 的结果。具体来说，我们可以将 Promise.race() 方法的结果再次作为 Promise.all() 方法的参数，如下所示：
----- -------- - --- ----------------- ------- -- - ------------- -- ----------------- ----------- ------ --- ----- -------- - --- ----------------- ------- -- - ------------- -- ----------------- ----------- ------ --- ------------------------------------ ------------------------- -- - --------------------- -- ---------- ---------- --------- ---------- -------------- -- - --------------------- ---
在上面的示例代码中，我们使用 Promise.race() 方法同时触发 promise1 和 promise2，然后将 Promise.race() 方法的结果再次作为 Promise.all() 方法的参数，等待所有 Promise 都 resolve 后打印出所有 Promise 的结果，即 ['promise1 resolved', 'promise2 resolved']。
处理多个 Promise 同时 reject 的情况
当多个 Promise 同时 reject 的情况下，Promise.race() 方法会返回其中一个 Promise 的错误信息。但是，如果我们想要获取所有 Promise 的错误信息，该怎么办呢？
一种解决方法是使用 Promise.allSettled() 方法，它可以等待所有 Promise 都 settle（即 resolve 或 reject）后返回所有 Promise 的结果。具体来说，我们可以将 Promise.race() 方法的结果再次作为 Promise.allSettled() 方法的参数，如下所示：
----- -------- - --- ----------------- ------- -- - ------------- -- ---------------- ----------- ------ --- ----- -------- - --- ----------------- ------- -- - ------------- -- ---------------- ----------- ------ --- ------------------------------------------- ------------------------- -- - --------------------- -- --------- ----------- ------- --------- ----------- -------- ----------- ------- --------- ----------- -------------- -- - --------------------- ---
在上面的示例代码中，我们使用 Promise.race() 方法同时触发 promise1 和 promise2，然后将 Promise.race() 方法的结果再次作为 Promise.allSettled() 方法的参数，等待所有 Promise 都 settle 后打印出所有 Promise 的结果，即 [{status: 'rejected', reason: 'promise1 rejected'}, {status: 'rejected', reason: 'promise2 rejected'}]。
总结
在本文中，我们详细介绍了 Promise.race() 中如何处理多个 Promise 同时 resolve 或 reject 的情况，并提供了相应的示例代码。具体来说：
- 当多个 Promise 同时 resolve 的情况下，我们可以使用 Promise.all() 方法等待所有 Promise 都 resolve 后返回所有 Promise 的结果；
- 当多个 Promise 同时 reject 的情况下，我们可以使用 Promise.allSettled() 方法等待所有 Promise 都 settle 后返回所有 Promise 的结果。
希望本文能够对大家在使用 Promise.race() 方法时有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65e47f381886fbafa40829be