在前端开发中，我们经常会遇到需要同时请求多个接口的情况。如果我们需要在所有请求完成后再进行下一步操作，可以使用 Promise.all() 方法。但是，如果我们只需要其中一个请求完成后即可进行下一步操作，这时候就可以使用 Promise.race() 方法。
race() 方法的作用
Promise.race() 方法会返回一个新的 Promise 对象，这个 Promise 对象将会和传入的 Promise 对象数组中的其中一个 Promise 对象有相同的状态。无论是成功还是失败，只要有一个 Promise 对象改变状态，新的 Promise 对象就会立即改变状态，并将该 Promise 对象的返回值作为自己的返回值。
race() 方法的使用
下面是 Promise.race() 方法的语法：
Promise.race(iterable);
其中，iterable 是由 Promise 对象组成的可迭代对象，比如数组。
使用 Promise.race() 方法的步骤如下：
- 创建一个 Promise 对象数组，数组中的每个元素都是一个 Promise 对象，表示一个异步操作。
- 调用 Promise.race() 方法，传入 Promise 对象数组。
- 对返回的 Promise 对象调用 then() 方法，处理异步操作的结果。
下面是一个例子，演示如何使用 Promise.race() 方法：
// javascriptcn.com 代码示例
const request1 = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('Request 1');
}, 2000);
});
const request2 = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('Request 2');
}, 1000);
});
Promise.race([request1, request2])
.then(result => {
console.log(result); // 'Request 2'
});在上面的例子中，我们创建了两个 Promise 对象，分别表示两个异步操作。第一个异步操作需要 2 秒钟才能完成，第二个异步操作需要 1 秒钟才能完成。我们调用 Promise.race() 方法，传入这两个 Promise 对象，然后对返回的 Promise 对象调用 then() 方法，处理异步操作的结果。由于第二个异步操作先完成，因此最终输出的结果是 'Request 2'。
race() 方法的指导意义
使用 Promise.race() 方法可以使我们在多个异步操作中选择一个最快完成的操作，从而提高程序的性能和响应速度。比如，在前端开发中，我们可以使用 Promise.race() 方法来优化页面加载速度，先加载必要的资源，再加载可选的资源，从而提升用户的体验。
总结
Promise.race() 方法可以让我们在多个异步操作中选择一个最快完成的操作，从而提高程序的性能和响应速度。在使用 Promise.race() 方法时，我们需要创建一个 Promise 对象数组，数组中的每个元素都是一个 Promise 对象，表示一个异步操作。然后，调用 Promise.race() 方法，传入 Promise 对象数组，对返回的 Promise 对象调用 then() 方法，处理异步操作的结果。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6561a73ad2f5e1655dbad8af