等待异步功能完成内部地图

Question

考虑以下简单的代码：

await Promise.all(arrayOfObjects.map(async (obj) => {
    return await someAsyncFunctionOnObj(obj);
}));

我的问题是， arrayOfObjects和someAsyncFunctionOnObj在执行时占用太多内存，因为循环不会等待执行完成，而是在每一个上调用someAsyncFunctionOnObj（obj），并等待直到所有内容都被解析 ，而不是必需的按顺序，这会导致OOM崩溃。 我尝试使用递归异步函数，这确实解决了订单问题，但仍导致OOM崩溃。

我想要实现的流程是同步循环，意思是

await someAsyncFunctionOnObj(obj1); // wait for it to finish
await someAsyncFunctionOnObj(obj2); // wait for it to finish
...

有关如何正确实施它的任何建议？

Answer 1

解

async function queueAsyncFns(fns) {
  const values = [];

  await fns.reduce((previous, current, index, array) => {
    const thenable = index === 1 ? previous() : previous;
    return thenable.then(value => {
      values.push(value);
      return index === array.length - 1 ? current().then(value => values.push(value)) : current();
    });
  });

  return values;
}

例

const anArray = [1, 2, 3];
const doSomething = async (id) => await fetch(`https://jsonplaceholder.typicode.com/users/${id}`).then(res => res.json());

queueAsyncFns(anArray.map((val) => () => doSomething(val))).then((val) => console.log(val));

上述功能应该可以解决您的问题。 以下是它的作用的简要概述：

queueAsyncFns接受一组函数，这些函数返回调用异步函数的结果。 通过调用每个函数并将Promise返回到reducer的下一次调用来减少此数组。 每次迭代时，异步调用的值都会累积到一个名为values的数组中，这些数组在迭代完所有项后返回。

通过在运行示例时查看瀑布图，可以直观地确定函数的准确行为。 您可以看到每个网络呼叫仅在前一个网络呼叫完成后才进行。

Answer 2

如果你想在做同样的事情之前等待someAsyncFunctionOnObj（obj1）完成但是使用下一个对象（obj2，obj3，...），我认为你必须链接你的承诺：

 var promises = arrayOfObjects.map(obj => someAsyncFunctionOnObj(obj)); await promises.reduce((m, o) => m.then(() => o), Promise.resolve()); 

Answer 3

(async function() {
  async function executeSequentially() {
    const tasks = [1,2]
    const total = []
    for (const fn of tasks) {
      const res = await fetch(endpoint);
      const res2 = await res.json();
      console.log(res2[0]);
      total.push(...res2);
    }

    return total;
  }

  const res = await executeSequentially();
  console.log(res);
})();