为何await搭配Promise.all未生效？异步函数执行异常排查

嗨，我来帮你拆解下这个问题的核心原因，其实主要是两个小细节没处理对：

1. Async函数的调用没做等待 #

你写的readValuesFromDB是一个async函数，这类函数本质上会返回一个Promise对象。当你直接调用readValuesFromDB()而不做任何等待（比如不用await或者.then()），JavaScript会把这个Promise丢到异步队列里，然后立刻继续执行后面的同步代码——也就是那句console.log('finished readValuesFromDB()')，这就是为什么它会先打印出来，而数据库读取的结果要等后面才出现。

2. Await和.then()没必要混用 #

你在await Promise.all(dbPromises)后面又加了.then()，这其实是画蛇添足。await本身就会等待Promise完成，并直接返回resolved的结果，完全不需要再链式调用.then()，这样写反而会让代码逻辑变绕。

修正后的代码示例 #

首先，正确调用async函数 #

如果你的环境支持顶层await（比如Node.js 14+、现代浏览器），可以用这种方式：

async function main() {
  console.log('calling readValuesFromDB()');
  // 这里必须用await等待async函数完成
  await readValuesFromDB();
  console.log('finished readValuesFromDB()');
}

// 启动主函数
main();

如果是不支持顶层await的环境，就用Promise的.then()来处理：

console.log('calling readValuesFromDB()');
readValuesFromDB().then(() => {
  console.log('finished readValuesFromDB()');
});

然后，简化readValuesFromDB函数 #

把多余的.then()去掉，直接用await接收Promise.all的结果：

async function readValuesFromDB(codes) {
 console.log('trying to read values from DB');
 let dbPromises = [];
 for(let code in codes) {
  let refId = 'some_random_reference_id_generated_from_codes[i]';
  dbPromises.push(MyDb.getPromise(refId)); // getPromise() returns a promise that reads from DB
 }
 console.log('waiting for all promises to resolve...');
 // 直接用await获取所有Promise的结果
 const allResults = await Promise.all(dbPromises);
 // 遍历结果（用for of比for in更适合数组）
 for(let result of allResults) {
   console.log('OK..read from DB');
 }
 console.log('all promises resolved');
}

修正后的输出 #

调整后，你会得到符合预期的执行顺序：

calling readValuesFromDB()
trying to read values from DB
waiting for all promises to resolve...
OK..read from DB
OK..read from DB
OK..read from DB
...
all promises resolved
finished readValuesFromDB()

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