将嵌套Promise.all迁移至async/await遇问题，求正确用法指导

嘿，我来帮你理清楚怎么用async/await正确实现你要的嵌套异步操作逻辑～ 先直接上符合你需求的代码，再拆解细节：

基础正确写法（阶段式并行） #

如果你的需求是先把所有doAThing都执行完拿到结果数组foo，再用foo里的每个结果去执行后续异步操作（比如doThing）得到bar，那这样写就对了：

async function processArray(arr) {
  // 第一步：并行执行所有doAThing，等全部完成后拿到结果数组foo
  const foo = await Promise.all(arr.map(item => doAThing(item)));
  
  // 第二步：用foo的结果，并行执行所有doThing，拿到结果数组bar
  const bar = await Promise.all(foo.map(doAThingResult => doThing(doAThingResult)));
  
  // 现在foo和bar都可以在后续代码里直接用啦
  console.log('第一阶段结果：', foo);
  console.log('第二阶段结果：', bar);
  return { foo, bar };
}

这里的关键逻辑： #

• arr.map(item => doAThing(item))会立刻启动所有doAThing异步操作（它们是并行执行的，不是一个等一个），Promise.all会等所有这些操作都成功完成，才把结果打包成数组给foo
• 因为第二个阶段的操作依赖第一个阶段的结果，所以必须先await第一个Promise.all拿到foo，才能启动第二个阶段的并行操作
• 这种写法的优势是两个阶段的异步操作各自最大化并行，适合第一阶段操作比较密集，或者需要所有第一阶段结果都出来再统一处理的场景

另一种可选写法（流水线式并行） #

如果你的业务场景允许每个元素的doAThing完成后立刻启动对应的doThing，不需要等所有doAThing都做完才开始第二阶段，那可以把逻辑写在同一个map里：

async function processArray(arr) {
  const bar = await Promise.all(
    arr.map(async item => {
      // 对单个元素：先等doAThing完成，再执行doThing
      const doAThingResult = await doAThing(item);
      return doThing(doAThingResult);
    })
  );
  
  // 这里直接拿到最终的bar数组，如果不需要单独保存foo的话，这种写法更简洁
  console.log('最终结果：', bar);
  return bar;
}

两种写法的区别： #

• 第一种写法总耗时 = 所有doAThing中最慢的那个的耗时 + 所有doThing中最慢的那个的耗时
• 第二种写法总耗时 = 单个元素的doAThing + doThing的最长耗时（因为不同元素的操作是并行进行的）
• 你可以根据自己的业务需求（比如资源占用、执行效率优先级）来选

常见坑点提醒 #

• 不要忘了async关键字：如果你的函数里用了await，函数本身必须标记为async
• map里的异步函数会返回Promise：所以Promise.all能正确识别并等待它们全部完成，不用额外包装
• 如果某一个异步操作可能失败，记得用try/catch包裹await，或者在Promise里加.catch()，避免整个Promise.all因为单个失败而终止

内容的提问来源于stack exchange，提问作者Ollie