在 ES9 中，Promise.race() 方法是一个非常有用的工具，它可以让我们在多个 Promise 对象中，只取最先完成的那个 Promise 的结果。在前端开发中，我们经常会遇到需要同时发起多个异步请求的情况，而 Promise.race() 方法可以很好地帮助我们优化代码，提高效率。
Promise.race() 方法的语法
Promise.race() 方法接收一个数组作为参数，该数组中的每个元素都是一个 Promise 对象。该方法返回一个新的 Promise 对象，它的状态和第一个完成的 Promise 对象的状态相同。如果数组中的所有 Promise 对象都没有完成，那么返回的 Promise 对象也不会完成。
Promise.race(iterable);
Promise.race() 方法的示例
下面是一个使用 Promise.race() 方法的示例，我们可以看到，只要有一个 Promise 对象完成，就会立即返回结果。
// javascriptcn.com 代码示例
const promise1 = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('Promise 1 resolved');
}, 1000);
});
const promise2 = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('Promise 2 resolved');
}, 2000);
});
const promise3 = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('Promise 3 resolved');
}, 3000);
});
Promise.race([promise1, promise2, promise3])
.then(result => console.log(result));输出结果为：Promise 1 resolved。因为 promise1 是最先完成的 Promise 对象。
Promise.race() 方法的指导意义
Promise.race() 方法可以帮助我们优化代码，提高效率。例如，在发送多个请求时，我们可以使用 Promise.all() 方法来等待所有请求返回结果，但是如果其中一个请求耗时较长，那么整个请求就会被阻塞。而使用 Promise.race() 方法，只要有一个请求返回结果，我们就可以立即处理结果，不必等待其他请求的返回。
除此之外，Promise.race() 方法还可以用于限制异步操作的时间。例如，我们可以设置一个 Promise 对象的超时时间，如果在规定时间内没有完成，就返回一个错误信息。
// javascriptcn.com 代码示例
const promise = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('Promise resolved');
}, 5000);
});
const timeoutPromise = new Promise((resolve, reject) => {
setTimeout(() => {
reject('Promise timeout');
}, 3000);
});
Promise.race([promise, timeoutPromise])
.then(result => console.log(result))
.catch(error => console.log(error));在上面的示例中，promise 对象需要 5 秒钟才能完成，而 timeoutPromise 对象只需要 3 秒钟就会返回一个错误信息。因此，使用 Promise.race() 方法，我们可以设置一个 3 秒钟的超时时间，如果 promise 对象在规定时间内没有完成，就会返回一个错误信息。
总结
Promise.race() 方法是一个非常有用的工具，它可以让我们在多个 Promise 对象中，只取最先完成的那个 Promise 的结果。在前端开发中，我们经常会遇到需要同时发起多个异步请求的情况，而 Promise.race() 方法可以很好地帮助我们优化代码，提高效率。同时，它还可以用于限制异步操作的时间，让我们的代码更加健壮和可靠。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650850ac95b1f8cacd370723