Promise 是 JavaScript 中一种非常重要的异步编程方式，可以让我们更加方便地处理异步代码。其中，Promise.race() 方法可以让我们在多个 Promise 中选择一个最先被解决的 Promise，这在某些场景下非常有用。在本文中，我们将学习如何在 ECMAScript 2017 (ES8) 中实现 Promise.race() 方法。
Promise.race() 方法简介
Promise.race() 方法可以让我们在多个 Promise 中选择一个最先被解决的 Promise。具体来说，当传入的多个 Promise 中，有一个 Promise 被解决（resolve）或拒绝（reject）时，Promise.race() 方法就会返回被解决或拒绝的 Promise。如果在传入的多个 Promise 中，有多个 Promise 同时被解决或拒绝，Promise.race() 方法只会返回最先被解决或拒绝的 Promise。
实现 Promise.race() 方法
我们可以使用原生的 Promise API 来实现 Promise.race() 方法。具体来说，我们可以创建一个 Promise 对象，并在该 Promise 对象中实现 Promise.race() 的逻辑。
下面是一个简单的实现示例：
function myRace(promises) { return new Promise((resolve, reject) => { promises.forEach(promise => { promise.then(resolve, reject); }); }); }
在上面的示例中，我们接收一个 Promise 数组作为参数，然后创建一个新的 Promise 对象，并在该 Promise 对象中遍历传入的 Promise 数组。对于每一个 Promise，我们都调用了它的 then() 方法，并将 resolve 和 reject 函数作为参数传递进去。这样，当 Promise 被解决或拒绝时，就会分别触发 resolve 和 reject 函数，从而实现了 Promise.race() 的逻辑。
示例代码
下面是一个用于演示 Promise.race() 方法的示例代码。该代码中，我们可以看到 Promise.race() 方法的具体用法，并且演示了如何使用实现后的 myRace() 方法。
-- -------------------- ---- ------- ----- -------- - --- --------------- -- ------------------- ----- -------- - ------------ ----- -------- - --- ----------- ------- -- ------------------ ----- -------- - ------------ ----- -------- - --- --------------- -- ------------------- ----- -------- - ------------ -- ----- -------------- -- ----------------------- --------- ---------- ------------ -- -------------------- -- ------- - -------- ------------ -- ---------------------- -- ------- -------- -- ----------------- --------- ---------- ------------ -- -------------------- -- ------- - -------- ------------ -- ----------------------展开代码
在上面的代码中，我们创建了三个 Promise，分别在不同的时间解决或拒绝。然后，我们演示了如何使用原生的 Promise.race() 方法和自己实现的 myRace() 方法来选择最先被解决或拒绝的 Promise。
结语
在 ECMAScript 2017 (ES8) 中，Promise.race() 方法成为了标准的一部分，让我们可以更方便地处理多个 Promise 的情况。同时，我们也可以根据自己的需求，使用原生的 Promise API 来实现 Promise.race() 方法。无论是原生的还是自己实现的，使用 Promise.race() 方法都可以让我们的异步编程变得更加简单和高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67c17a73314edc26849b31c3
