在前端开发中，我们经常需要执行多个异步任务，并且需要在这些任务中任意一个任务失败时停止执行其他任务。这时候，Promise 就成为了我们的首选。
在 Promise 中，我们可以使用 Promise.race() 方法来实现这个功能。Promise.race() 方法接受一个 Promise 数组作为参数，并且返回一个新的 Promise 对象。这个新的 Promise 对象会在第一个 Promise 对象解决或拒绝时解决或拒绝，并且会传递这个 Promise 对象的解决值或拒绝原因。
因此，我们可以把需要执行的多个任务封装成多个 Promise 对象，然后将这些 Promise 对象作为数组传递给 Promise.race() 方法，从而实现执行多个任务直到第一个任务失败的功能。
下面是一个示例代码，演示了如何使用 Promise.race() 方法实现这个功能：
-- -------------------- ---- -------
-------- --------------- -
------ --- ----------------- ------- -- -
--- --------- - --
--- ------ - ------
--- ---- - - -- - - ------------- ---- -
---------------- -- -
------------
-- -------- -- --------- --- ------------- -
----------
-
---------------- -- -
-- --------- -
------ - -----
--------------
-
---
-
---
-
----- ----- - --- ----------------- ------- -- -
------------- -- -
----------------- - ------------
----------
-- ------
---
----- ----- - --- ----------------- ------- -- -
------------- -- -
----------------- - ------------
------------ - ---------
-- ------
---
----- ----- - --- ----------------- ------- -- -
------------- -- -
----------------- - ------------
----------
-- ------
---
---------------- ------ --------------- -- -
---------------- ----- --------- ---------------
---------------- -- -
----------------- ------- -----------
---在这个示例代码中，我们定义了一个 runTasks() 函数，它接受一个 Promise 数组作为参数，并且返回一个新的 Promise 对象。在 runTasks() 函数中，我们遍历这个 Promise 数组，并且使用 Promise 的 then() 和 catch() 方法来监听每个 Promise 对象的解决和拒绝。如果任意一个 Promise 对象解决或拒绝，我们就会更新 completed 和 failed 变量的值，并且在所有 Promise 对象都解决时解决新的 Promise 对象，或者在任意一个 Promise 对象拒绝时拒绝新的 Promise 对象。
在示例代码中，我们定义了三个任务，分别是 task1、task2 和 task3。其中，task2 会在 2 秒后拒绝，并且传递一个错误消息。我们将这三个任务封装成一个 Promise 数组，并且将这个 Promise 数组作为参数传递给 runTasks() 函数。在 runTasks() 函数返回的 Promise 对象解决或拒绝后，我们会在控制台输出相应的消息。
通过这个示例代码，我们可以看到如何使用 Promise.race() 方法来实现执行多个任务直到第一个任务失败的功能。这个方法不仅可以提高代码的可读性和可维护性，而且可以使我们更加方便地处理异步任务的执行和结果。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/67d2fef0a941bf71345bda96