forEach循环中无法解析Promise问题求助

问题根源 #

forEach方法不支持异步回调——哪怕你把回调写成async函数，forEach也不会等待其中的await执行完成，会直接推进下一次循环。所以你往数组里push的其实是还未完成的Promise，自然会显示Promise { <pending> }。

解决方案 #

方案1：用for...of循环（串行执行） #

把forEach换成支持异步的for...of，就能正常等待每个getSessionID()()的结果：

// 确保这段代码在async函数内部
for (const masterCred of masterCredsResponse.data) {
  const loginCheckResult = await getSessionID()();
  masterCredsArray.push({
    master: masterCred.parent,
    loginCheck: loginCheckResult
  });
}

方案2：用Promise.all结合map（并行执行，效率更高） #

如果不需要严格串行执行登录检查，用map生成所有Promise，再通过Promise.all一次性等待所有结果完成，能大幅提升效率：

// 确保这段代码在async函数内部
const promiseList = masterCredsResponse.data.map(async (masterCred) => {
  const loginCheckResult = await getSessionID()();
  return {
    master: masterCred.parent,
    loginCheck: loginCheckResult
  };
});
// 等待所有Promise完成，结果会按原顺序存入数组
masterCredsArray = await Promise.all(promiseList);

补充说明 #

你单独调用await getSessionID()()有效，是因为那段代码在async函数的主流程里，await会暂停当前函数直到Promise完成；但forEach的回调是独立的异步函数，forEach本身不会等待它的执行结果，所以才会出现pending的情况。

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