什么是 Promise.race 方法
Promise.race 方法是 ES6 中 Promise 对象的一个静态方法，它接收一个由多个 Promise 组成的数组 (Iterable)，并返回一个新的 Promise 对象。
这个新的 Promise 对象将以第一个传入的 Promise 对象为基础，对应其状态 (pending/fulfilled/rejected)，并将其对应的值或原因传递给它，其他的 Promise 对象被忽略。
Promise.race 方法的应用场景
在实际开发中，有时候我们希望同时请求多个接口，只要有一个接口返回值就停止请求其他接口，这时候就可以使用 Promise.race 方法。
下面是一个简单的示例代码：
const p1 = fetch('https://api.example.com/users');
const p2 = fetch('https://api.example.com/comments');
Promise.race([p1, p2])
.then(response => console.log(response))
.catch(error => console.log(error));在这个示例中，我们通过 fetch 方法请求了两个接口，将它们作为参数传入了 Promise.race 方法中。当其中的一个接口返回值后，Promise.race 方法会立即将它对应的值传递给新的 Promise 对象，并触发 then 方法中的回调函数。
另外，Promise.race 方法也经常用于实现 "超时" 特性，如果某个异步操作过了一定的时间还没有返回结果，就可以通过 Promise.race 方法来设置一个超时 Promise 对象，当超时 Promise 对象返回时，即可结束该异步操作。
Promise.race 方法在 ES7 中的应用
在 ES7 中，引入了 async/await 语法糖，让异步编程更加简洁方便。而 Promise.race 方法也可以与 async/await 语法糖结合使用，来实现一些更加复杂的异步编程逻辑。
下面是一个示例代码：
-- -------------------- ---- ------- ----- ----- - ------ -- --- ----------------- -- ------------------- ------- ----- --------- - ----- -- -- - ----- -- - --------------------------------------- ----- -- - ------------------------------------------ ----- ------ - ----- ----------------- ----- -- --------- -------------------- ----- ------------ -- - ----------- ----- -- - --------------------------------------- ----- -- - --------------------------------------- ----- ------- - ----- ---------------- ----- -- -------- --------------------- -- ------------
在这个示例中，我们使用了 async/await 语法糖来实现了一个异步的请求逻辑：
- 我们先请求两个接口 p1 和 p2；
- 然后使用 Promise.race 方法等待第一个请求完成，并将其返回值赋给 result 变量；
- 再暂停 1 秒后，请求另外两个接口 p3 和 p4，并使用 Promise.all 方法等待所有请求完成，并将它们的返回值赋给 results 变量。
总结
Promise.race 方法是一个非常有用的方法，可以用来优雅地处理多个异步操作。在实际开发中，我们可以结合其他编程语法或方法来使用 Promise.race 方法，让我们的代码更加简洁和易读。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ab5be248841e989472f30d