顺序执行 Promise

如果你有一个包含多个 Promise 的数组 [promise1, promise2, promise3]，并且希望按照顺序执行这些 Promise，可以使用 Array.reduce() 方法来实现。下面是一个示例：

const promises = [promise1, promise2, promise3];


promises.reduce((previousPromise, currentPromise) => {
  return previousPromise.then(() => {
    return currentPromise;
  });
}, Promise.resolve())
  .then(() => {
    console.log('所有 Promise 执行完成');
  })
  .catch((error) => {
    console.error('Promise 执行出错', error);
  });

在上面的示例中，我们使用 Array.reduce() 方法来迭代 Promise 数组。在每次迭代中，我们使用 previousPromise 来表示前一个 Promise，然后使用 previousPromise.then() 将当前 Promise currentPromise 添加到链式调用中。这样，每个 Promise 都会在前一个 Promise 执行完成后按照顺序执行。

我们使用 Promise.resolve() 作为初始的前一个 Promise，以确保第一个 Promise 能够按照预期执行。

最后，我们可以通过 .then() 方法来处理所有 Promise 执行完成的情况，或者使用 .catch() 方法来处理任何一个 Promise 执行出错的情况。

这样，你就可以安装顺序执行多个 Promise，并在所有 Promise 执行完成后进行相应的处理。

使用 forEach 迭代 Promise 数组时，无法保证 Promise 的顺序执行。这是因为 forEach 是并发执行的，它不会等待前一个 Promise 完成后再执行下一个 Promise。如果你需要确保按顺序执行 Promise，可以使用 Array.reduce() 方法，如我在之前的回答中所示。

下面是一个使用 forEach 的示例，以及说明为什么它不能保证顺序执行 Promise：

const promises = [promise1, promise2, promise3];


promises.forEach((promise) => {
  promise.then(() => {
    console.log('一个 Promise 执行完成');
  }).catch((error) => {
    console.error('一个 Promise 执行出错', error);
  });
});


console.log('所有 Promise 已启动');

在上面的示例中，我们使用 forEach 迭代 Promise 数组，并在每个 Promise 上调用 .then() 和 .catch() 方法。然后，我们在控制台输出了 "所有 Promise 已启动"。

由于 forEach 是并发执行的，它会立即启动所有 Promise 的执行，而不会等待前一个 Promise 完成。这意味着控制台中的输出顺序可能是随机的，而不是按照 Promise 在数组中的顺序执行。

如果你需要确保按顺序执行 Promise，并在所有 Promise 执行完成后进行相应的处理，仍然建议使用 Array.reduce() 方法。这样可以确保 Promise 按照顺序执行，并且可以在所有 Promise 执行完成后进行处理。