TypeScript/JavaScript中forEach内多函数按序执行问题

原代码的问题 #

1. forEach 不支持异步等待，所有program的处理会同时启动，导致this.data1这类实例变量被多个并行操作覆盖，数据完全乱掉。
2. Promise.all 用法错误：你在里面加了await赋值，这不是Promise.all的正确用法——它应该接收一组Promise对象，一次性等待所有任务完成，而非逐个await。
3. 用全局/实例变量存储单条program的数据，后续循环会直接覆盖前面的结果，必然导致数据不准确。

修正后的代码 #

// 改用for...of循环，确保前一个program处理完成后再处理下一个
for (const p of proglist) {
    // 用Promise.all并行执行5个异步函数，统一等待所有结果返回
    const [data1, data2, data3, data4, data5] = await Promise.all([
        this.GetMeasureForScorecard(p.programId, reportingdate, 'GetData1'),
        this.GetMeasureForScorecard(p.programId, reportingdate, 'GetData2'),
        this.GetMeasureForScorecard(p.programId, reportingdate, 'GetData3'),
        this.GetData4(p.programId, reportingdate, 'GetData4'),
        this.GetData5(p.programId, reportingdate, 'GetData5')
    ]);

    // 将当前program的完整结果推入数组
    ProgramScorecard.push({
        programId: p.programId,
        programName: p.programName,
        reportingDate: reportingdate,
        data1,
        data2,
        data3,
        data4,
        data5
    });
}

关键优化说明 #

• 串行处理program：for...of 配合await能强制让循环等待当前program的所有异步操作完成后，再进入下一次循环，彻底解决顺序混乱的问题。
• 并行执行异步任务：Promise.all 让5个异步函数同时执行，比逐个await效率更高，且所有结果返回后再统一解构赋值，避免变量覆盖。
• 局部变量存数据：异步结果直接存在循环内部的局部变量中，不会被后续循环操作覆盖，保证每条program的数据独立准确。

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