for循环中的Promsie

在 JavaScript 中，当你有一个 Promise 数组，其中每个 Promise 的执行依赖于前一个 Promise 的结果时，使用 for 循环并不是处理这种情况的最佳方式，因为 for 循环默认是同步执行的，会立即开始每次迭代，而不会等待异步操作完成。

为了顺序处理这些 Promise，你可以使用 async/await 或 Promise 链式调用来确保每个 Promise 在前一个 Promise 完成后才开始执行。

async function processPromisesSequentially() {
  const promises = [
    () => Promise.resolve('Result 1'),
    (prevResult) => Promise.resolve(`${prevResult} -> Result 2`),
    (prevResult) => Promise.resolve(`${prevResult} -> Result 3`)
  ];

  let result;
  for (const promise of promises) {
    result = await promise(result);
    console.log(result);
  }
}

processPromisesSequentially();

在这个例子中，我们使用的是一个函数数组，每个函数返回一个 Promise，并且可以接受前一个 Promise 的结果作为参数。await 确保每个 Promise 在前一个 Promise 完成后才执行。

const promises = [
  () => Promise.resolve('Result 1'),
  (prevResult) => Promise.resolve(`${prevResult} -> Result 2`),
  (prevResult) => Promise.resolve(`${prevResult} -> Result 3`)
];

let promiseChain = Promise.resolve();
let finalResult;

promises.forEach((promise) => {
  promiseChain = promiseChain.then(promise).then((result) => {
    console.log(result);
    finalResult = result;
  });
});

promiseChain.then(() => {
  console.log('All promises processed:', finalResult);
});

在这个例子中，我们初始化一个 Promise.resolve() 作为链的起点，然后通过 forEach 方法将每个 Promise 函数链接到链中。这样可以确保每个 Promise 函数在前一个完成后才执行。

这两种方法都能确保 Promise 按顺序执行，并且每个 Promise 可以使用前一个 Promise 的结果。选择哪种方法取决于你的代码风格和需求。