JavaScript中如何等待forEach内异步操作完成？解决Promise返回问题

你的代码核心问题有两个：一是forEach不支持异步等待，导致循环没等异步操作完成就继续执行；二是异步函数调用没加await，直接把Promise对象存进了属性里。以下是具体修复步骤和代码：

关键错误点 #

• forEach 无法配合await使用，await policies.forEach(...)不会等待内部的异步逻辑完成，循环会直接走完，后续代码提前执行。
• getMembersFromAudienceId（还有你注释里提到的getPolicyNameFromLocalStrage）是异步函数，返回的是Promise，直接赋值会让members和Name变成Promise对象，而非你需要的数组或实际名称。
• 原代码里的try/catch无法捕获异步函数的错误，因为异步错误不会触发同步的try/catch块。

修复后的代码 #

async function setPoliciesData(policies) {
  const tmpPolicies = {};
  // 用for...of替代forEach，支持异步等待
  for (const policy of policies) {
    const tmp = { ...policy };
    try {
      // 等待异步函数返回实际结果
      tmp["Name"] = await getPolicyNameFromLocalStrage(policy.id);
      if (policy?.audience?.id) {
        tmp["members"] = await getMembersFromAudienceId(policy.audience.id);
      } else {
        tmp["members"] = [];
      }
    } catch (e) {
      console.error(`处理policy ${policy.id}时出错:`, e);
      // 出错时设置默认值，避免属性缺失
      tmp["Name"] = "";
      tmp["members"] = [];
    }
    console.log("Setting policy ID : " + policy.id);
    tmpPolicies[policy.id] = tmp;
  }
  console.log("Done the processing");
  return tmpPolicies;
}

核心改动说明 #

1. 替换循环方式：用for...of代替forEach，这样可以在循环内部使用await，确保每一个异步操作完成后再进入下一次循环。
2. 添加await关键字：对所有异步函数调用（getPolicyNameFromLocalStrage和getMembersFromAudienceId）添加await，等待Promise resolve后拿到实际结果再赋值。
3. 调整错误捕获：把try/catch包裹住所有异步操作，确保能捕获异步函数抛出的错误，同时给出错的policy设置默认值，避免后续使用时出现问题。

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