javascript - 在映射下一项之前，异步等待映射不等待异步函数在映射函数内部完成

Question

我有一个要映射的数组，在 map 函数中我正在调用一个异步函数，它正在执行一个异步请求，使用 request-promise 返回一个 promise .
我期望数组的第一项被映射，执行请求，然后第二项重复相同的过程。但这不是在这种情况下发生的事情。
这是我的功能；

const fn = async() => {
  const array = [0, 1, 2];
  console.log('begin');
  await Promise.all(array.map(item => anAsyncFunction(item)));
  console.log('finished');
  return;
}

anAsyncFunction如下；

const anAsyncFunction = async item => {
  console.log(`looping ${item}`);
  const awaitingRequest = await functionWithPromise(item);
  console.log(`finished looping ${item}`);
  return awaitingRequest;
}

和 functionWithPromise提出请求的地方

const functionWithPromise = async (item) => {
  console.log(`performing request for ${item}`);
  return Promise.resolve(await request(`https://www.google.com/`).then(() => {
    console.log(`finished performing request for ${item}`);
    return item;
  }));
}

从我得到的控制台日志中；

begin
looping 0
performing request for 0
looping 1
performing request for 1
looping 2
performing request for 2
finished performing request for 0
finished looping 0
finished performing request for 1
finished looping 1
finished performing request for 2
finished looping 2
finished

然而，我想要的是

begin
looping 0
performing request for 0
finished performing request for 0
finished looping 0
looping 1
performing request for 1
finished performing request for 1
finished looping 1
looping 2
performing request for 2
finished performing request for 2
finished looping 2
finished

我通常会接受这种模式，但我似乎从请求调用中得到了一些无效的正文，因为我可能一次制作了太多。
有没有更好的方法来实现我想要实现的目标

Answer 1

.map()不是异步或 promise 意识。它只是尽职尽责地获取您从其回调中返回的值并将其填充到结果数组中。即使在您的情况下这是一个 promise ，它仍然会继续进行，而不是等待那个 promise 。而且，在这方面您无法更改 .map()行为。这就是它的工作方式。
相反，请使用 for循环然后 await循环内的异步函数，这将暂停循环。

你的结构:

await Promise.all(array.map(item => anAsyncFunction(item)));

正在运行所有 anAsyncFunction()并行调用，然后等待所有调用完成。

要按顺序运行它们，请使用 for循环和 await单个函数调用:

const fn = async() => {
  const array = [0, 1, 2];
  console.log('begin');
  for (let item of array) {
      await anAsyncFunction(item);
  }
  console.log('finished');
  return;
}

重要的是要知道没有任何数组迭代方法是异步感知的。其中包括 .map() , .filter() , .forEach()等等...因此，如果您想在循环中等待某些内容以对异步操作进行排序，请使用常规 for循环是 async知道并将暂停循环。