在 JavaScript 中，Promise 是一种处理异步任务的方式，它可以让我们更加优雅地处理异步操作。Promise.all() 和 Promise.race() 是 Promise 提供的两个非常有用的方法，本文将介绍它们的使用和比较。
Promise.all()
Promise.all() 方法接收一个 Promise 数组作为参数，返回一个新的 Promise 对象。当数组中的所有 Promise 对象都成功执行时，返回的 Promise 对象才会成功执行，返回值是一个包含所有 Promise 对象返回值的数组。如果其中任意一个 Promise 对象失败，则返回的 Promise 对象会立即失败，并返回失败的 Promise 对象的结果。
下面是一个使用 Promise.all() 的例子：
----- -------- - -------------------
----- -------- - -------------------
----- -------- - -------------------
---------------------- --------- ----------
------------ -- -
-------------------- -- --- -- --
---上面的代码中，我们创建了三个 Promise 对象，然后将它们传递给 Promise.all() 方法。当这三个 Promise 对象都成功执行时，Promise.all() 返回一个新的 Promise 对象，它的返回值是一个包含所有 Promise 对象返回值的数组。
Promise.race()
Promise.race() 方法也接收一个 Promise 数组作为参数，返回一个新的 Promise 对象。和 Promise.all() 不同的是，当数组中的任意一个 Promise 对象成功或失败时，返回的 Promise 对象就会立即成功或失败，并返回成功或失败的 Promise 对象的结果。
下面是一个使用 Promise.race() 的例子：
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------------
-- ------
---
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------------
-- -----
---
----------------------- ----------
------------ -- -
-------------------- -- ----------
---上面的代码中，我们创建了两个 Promise 对象，然后将它们传递给 Promise.race() 方法。由于 promise2 的延迟时间比 promise1 短，所以 Promise.race() 返回的 Promise 对象会立即成功，并返回 promise2 的结果。
Promise.all() 和 Promise.race() 的比较
Promise.all() 和 Promise.race() 的使用场景不同。Promise.all() 适用于当我们需要等待多个异步任务全部完成后才能继续执行下一步操作的场景，而 Promise.race() 则适用于当我们需要等待多个异步任务中的任意一个完成后就可以继续执行下一步操作的场景。
下面是一个使用 Promise.all() 和 Promise.race() 的例子：
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------------
-- ------
---
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------------
-- -----
---
----- -------- - --- ----------------- ------- -- -
------------- -- -
---------- --------------- ---------
-- ------
---
---------------------- --------- ----------
------------ -- -
--------------------
--
------------ -- -
---------------------------
---
----------------------- --------- ----------
------------ -- -
--------------------
--
------------ -- -
---------------------------
---上面的代码中，我们创建了三个 Promise 对象，其中 promise1 和 promise2 成功执行，而 promise3 失败执行。当我们使用 Promise.all() 时，由于 promise3 失败执行，所以 Promise.all() 返回的 Promise 对象也会失败执行，并返回 promise3 的错误信息。当我们使用 Promise.race() 时，由于 promise2 的延迟时间最短，所以 Promise.race() 返回的 Promise 对象会成功执行，并返回 promise2 的结果。
总结
Promise.all() 和 Promise.race() 是两个非常有用的 Promise 方法，它们可以帮助我们更加优雅地处理异步任务。在使用时，我们需要根据具体场景选择合适的方法。如果需要等待多个异步任务全部完成后才能继续执行下一步操作，就使用 Promise.all()；如果需要等待多个异步任务中的任意一个完成后就可以继续执行下一步操作，就使用 Promise.race()。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6612a2edd10417a222333a0f