如何在JavaScript中迭代多个异步等待函数并链接在一起？

Question

我是JavaScript和Node.js的新手。 我有以下代码：

  const populateSetup = async () => {
  token = await getToken();

  const promises = await constant.accounts.map(async (x) => {
    const accountId = await createAccountRequest(x.account);
    const peoid = await createPeopleRequests(x.people);
    const pid = await createProjectsRequests(x.project);

    return [accountId, pid, peoid];
  });

  const [accountId, pid, peoid] = await Promise.all(promises);
};

在上面的代码中，首先获取令牌并创建帐户需要令牌，然后需要返回的accountId来创建人员和项目。 假设我输入以下内容：

    exports.accounts = [
  { account: this.testAccountFirst, project: this.projectOne, people: this.testUserOne },
  { account: this.testAccountSecond, project: this.projectTwo, people: this.testUserTwo },
];

在节点环境中运行populateSetup() ，我的结果是（不是控制台输出，而是populateSetup()的输出：

testAccountFirst has 1 people -> testUserOne
testAccountSecond has 2 projects and 1 user -> projectOne, projectTwo, testUserTwo

预期结果是：

testAccountFirst should have 1 project and 1 people -> projectOne, testUserOne
testAccountSecond should have 1 project and 1 people -> projectTwo, testUserTwo

这里的问题是第一个帐户的accountId没有发送到projectsRequest。 我不知道该如何解决。 我已经解决了这个Stackoverflow问题，但仍然无法弄清楚。

Answer 1

我很难理解您要问的是什么问题，但是.map()并不精通异步。 这意味着即使您将回调声明为async ， .map()也不会对返回的承诺做任何事情，因此，它不会等到第一次迭代完成后才开始第二次迭代。 因此，最终您将并行运行循环的所有迭代中的所有异步操作，并且它们可以以任何随机顺序完成。

如果您真的想依次运行它们，则将.map()切换到for循环，因为for循环将在循环的第一次迭代中await ，然后再开始循环的第二次迭代，因此上...

Answer 2

return [accountId, pid, peoid]; 还返回已解决的承诺，您也要等一个承诺再解决。 例如，如果一个解析时间是5秒，那么您需要等待5 + 5 + 5 = 15秒

但是更多的是，在内部使用带有保证的.map()是不好的做法，因为它是同步运算符。 在您的情况下，我将使用类似的方法：

const populateSetup = async () => {
  const token = await getToken();

  const [accountId, peoid, pid] =[
    createAccountRequest(x.account),
    createPeopleRequests(x.people),
    createProjectsRequests(x.project)
  ]

  return Promise.all([accountId, peoid,pid])
};

在这里，您返回promise，可以像这样使用：

const [accountId, peoid,pid] = await populateSetup()

Promise.all()确实同时承诺执行并等待所有问题解决，所以它是5秒而不是15秒