Promise.all()：井然有序地处理并行任务

2024-02-13 14:42:51

Promise.all() 简介

Promise.all() 函数是 Promise API 中的重要一员，它允许您将多个 Promise 实例作为参数传入，并返回一个新的 Promise 实例。这个新的 Promise 实例将在所有传入的 Promise 实例都成功 resolve 之后 resolve，或者在其中任何一个 Promise 实例 reject 之后 reject。

Promise.all() 的语法非常简单：

Promise.all(promises);

其中，promises 是一个 Promise 实例数组。

Promise.all() 原理解析

为了更好地理解 Promise.all() 的工作原理，我们不妨从一个简单的例子入手。假设我们有两个 Promise 实例，分别表示两个异步操作：

const promise1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('操作 1 完成');
  }, 1000);
});

const promise2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('操作 2 完成');
  }, 2000);
});

现在，我们可以使用 Promise.all() 来同时执行这两个异步操作：

Promise.all([promise1, promise2])
  .then((results) => {
    console.log(results); // 输出：['操作 1 完成', '操作 2 完成']
  });

在这个例子中，Promise.all() 创建了一个新的 Promise 实例，并将 promise1 和 promise2 作为参数传入。然后，它等待这两个 Promise 实例都成功 resolve 之后，再调用 then() 方法并传递一个回调函数。回调函数中的参数 results 是一个数组，包含了 promise1 和 promise2 的 resolve 值。

需要注意的是，Promise.all() 只有在所有传入的 Promise 实例都成功 resolve 之后才会 resolve。如果其中任何一个 Promise 实例 reject，那么 Promise.all() 也会立即 reject，并且 then() 方法中的回调函数不会被调用。

Promise.all() 使用指南

在实际开发中，Promise.all() 可以帮助我们处理各种并行任务，例如：

同时从多个服务器获取数据
并行处理多个文件
同时执行多个耗时的计算任务

下面是一些使用 Promise.all() 的具体指南：

确保传入的 Promise 实例都是有效的。 Promise.all() 要求传入的 Promise 实例都是合法的，否则会抛出 TypeError 异常。
处理错误。 如果其中任何一个 Promise 实例 reject，Promise.all() 也会立即 reject。您可以使用 catch() 方法来捕获错误并进行相应的处理。
注意并发限制。 Promise.all() 并不会限制同时执行的 Promise 实例数量，因此您需要根据实际情况来控制并发量，避免对服务器造成过大的压力。
合理使用 Promise.all()。 Promise.all() 适用于同时执行多个独立的异步任务。如果您的任务之间存在依赖关系，那么您可能需要使用其他方法来协调它们的执行顺序。

Promise.all() 与 Promise.race() 的区别

Promise.all() 和 Promise.race() 都是 Promise API 中用于处理并行任务的函数，但它们的行为有所不同。

Promise.all() 等待所有传入的 Promise 实例都成功 resolve 之后才 resolve，而 Promise.race() 则只要其中任何一个 Promise 实例 resolve 或 reject，就会立即 resolve 或 reject。

因此，Promise.all() 适用于同时执行多个独立的异步任务，而 Promise.race() 适用于需要尽快完成其中一个异步任务的场景。

Promise.allSettled()

除了 Promise.all() 和 Promise.race() 之外，Promise API 还提供了一个 Promise.allSettled() 函数。

Promise.allSettled() 与 Promise.all() 类似，但它在所有传入的 Promise 实例都执行完成后才 resolve，无论这些 Promise 实例是 resolve 还是 reject。

Promise.allSettled() 返回一个 Promise 实例，其 resolve 值是一个数组，包含了所有传入 Promise 实例的状态和值。

Promise.allSettled([promise1, promise2])
  .then((results) => {
    console.log(results); // 输出：[{ status: 'fulfilled', value: '操作 1 完成' }, { status: 'fulfilled', value: '操作 2 完成' }]
  });

Promise.allSettled() 可以帮助我们跟踪所有并行任务的执行状态，即使其中有些任务失败了。

总结

Promise.all() 是 JavaScript 中处理并行任务的利器，它可以帮助我们同时执行多个异步操作，并在所有操作完成后获得最终结果。

Promise.all() 的使用非常简单，只需将多个 Promise 实例作为参数传入即可。需要注意的是，Promise.all() 只有在所有传入的 Promise 实例都成功 resolve 之后才会 resolve。如果其中任何一个 Promise 实例 reject，那么 Promise.all() 也会立即 reject。

Promise.all() 可以应用于各种并行任务处理场景，例如：同时从多个服务器获取数据、并行处理多个文件、同时执行多个耗时的计算任务等。

除了 Promise.all() 之外，Promise API 还提供了 Promise.race() 和 Promise.allSettled() 函数，它们都可以用于处理并行任务，但它们的行为有所不同。

希望本文能够帮助您更好地理解 Promise.all() 的工作原理和使用指南，并在您的项目中灵活运用它来处理并行任务。