如何将Promise.all中的重复函数调用逻辑重构为循环实现

实现方案 #

1. 显式for循环实现（完全匹配循环重构需求） #

和原有代码执行逻辑完全一致，所有用户创建请求并行发起，性能不受影响：

// 先收集所有创建用户的Promise
const userPromises = [];
for (let i = 0; i < 4; i++) {
  userPromises.push(createTestUser());
}
// 批量等待所有异步请求完成，解构赋值逻辑和原代码完全一致
const [userA, userB, userC, userD] = await Promise.all(userPromises);

2. 更简洁的内置API实现（效果等价，代码更短） #

如果可以不用显式写for循环，用Array.from可以实现同样效果：

const [userA, userB, userC, userD] = await Promise.all(
  Array.from({ length: 4 }, () => createTestUser())
);

注意避坑 #

不要在循环内直接await调用createTestUser，这会把并行执行变成串行执行，大幅降低执行效率，除非你有明确的串行创建需求，否则不要用以下写法：

错误示例（串行执行，性能差）：

const users = [];
// 每次循环都要等前一个用户创建完成才会发起下一个请求
for (let i = 0; i < 4; i++) {
  users.push(await createTestUser());
}

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