Promise.race()：并发执行 Promise 的竞速版

2023-12-03 16:23:06

在异步编程中，JavaScript 的 Promise 对象提供了处理异步操作的强大功能。Promise.race() 方法是 Promise 的一个变体，它允许我们并发执行多个 Promise 实例，并返回率先完成（无论成功还是失败）的 Promise。

Promise.race() 的工作原理

Promise.race() 接受一个 Promise 实例数组作为参数，并返回一个 Promise。这个返回的 Promise 将与第一个传递的 Promise 相同的方式被完成（fulfilled 或 rejected）。

当 Promise.race() 被调用时，它将立即执行传入的所有 Promise。第一个完成的 Promise（无论其状态是 fulfilled 还是 rejected）将决定返回的 Promise 的状态。如果第一个完成的 Promise 是 fulfilled，返回的 Promise 也将被 fulfilled，并将接收第一个完成的 Promise 的值。如果第一个完成的 Promise 是 rejected，返回的 Promise 也将被 rejected，并将接收第一个完成的 Promise 的错误原因。

Promise.race() 的用法

Promise.race() 可以在各种情况下派上用场，包括：

并行执行任务： 通过并发执行多个任务，您可以最大限度地提高效率，特别是当这些任务彼此独立时。
设置超时： 您可以使用 Promise.race() 为异步操作设置超时。如果在指定时间内未完成任何 Promise，返回的 Promise 将被 rejected。
处理错误： 如果您有多个可能失败的任务，可以使用 Promise.race() 来处理第一个发生的错误，然后停止执行其他任务。

Promise.race() 的示例代码

以下代码示例展示了如何使用 Promise.race() 并行执行两个 Promise：

const promise1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Promise 1 resolved');
  }, 3000);
});

const promise2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Promise 2 resolved');
  }, 1000);
});

const racePromise = Promise.race([promise1, promise2]);

racePromise.then((result) => {
  console.log(result); // 输出：'Promise 2 resolved'
}).catch((error) => {
  console.log(error); // 不会被调用
});