如何在Promise的.then回调内用await调用异步函数并实现循环串行执行？

问题核心 #

你无法在.then()回调的循环中使用await，是因为该回调函数未被标记为async；同时当前代码会并发调用所有logMyResults，而非等待每个客户的处理完成后再进行下一个。

最佳替代方案 #

推荐移除.then()回调，直接使用await扁平化异步代码，这是async/await语法的最佳实践，代码更易读且避免嵌套陷阱。

修改后的完整代码 #

async function questions() {
  // Ask questions using inquirer
}

async function logMyResults(pcVar1, pcVar2, pcVar3) {
  // Call different processes
}

async function ask() {
  // 直接await questions，替代then回调
  await questions();
  
  const allcust = require("./customers.json");
  if (genCustomer === "All") {
    // 循环中使用await，确保顺序执行
    for (const key of Object.keys(allcust)) {
      const objKey = allcust[key];    
      const objVal = Object.values(objKey); 

      const [var1, var2, var3] = objVal;

      // 这里可以安全使用await，等待当前客户处理完成
      await logMyResults(var1, var2, var3);
    }
  } else {
    if (Object.keys(allcust).includes(genCustomer)) {
      const objKey = allcust[genCustomer];
      const objVal = Object.values(objKey);

      const [var1, var2, var3] = objVal;

      await logMyResults(var1, var2, var3);
    }
  }
}

ask();

关键改动说明 #

1. 移除.then()回调：将await questions().then(...)拆分为await questions(); + 后续逻辑，避免异步嵌套，让代码更线性。
2. 循环内添加await：在遍历所有客户的for循环中，对logMyResults调用添加await，确保每个客户的异步处理完成后，才进入下一次循环。
3. 替换var为const/let：遵循现代JS最佳实践，用const（值不变）和let（值可变）替代var，避免变量提升问题。

备选方案（保留.then()的写法） #

如果一定要保留.then()，只需将回调函数标记为async，即可在内部使用await：

async function ask() {
  await questions().then(async () => { // 这里添加async
    const allcust = require("./customers.json");
    if (genCustomer === "All") {
      for (const key of Object.keys(allcust)) {
        // ... 其他代码
        await logMyResults(var1, var2, var3); // 现在可以用await了
      }
    } else {
      // ... 其他代码
      await logMyResults(var1, var2, var3);
    }
  });
}

但这种嵌套写法不如第一种方案简洁，不推荐长期使用。

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