JavaScript中如何分批执行Promise数组：每批n个完成后再执行下一批

要实现每批执行n个Promise、完成一批再执行下一批的需求，核心是控制Promise的创建时机——如果直接把Promise实例放进数组，它们会在数组创建时就立刻开始执行，根本达不到分批的效果。正确的做法是把创建Promise的逻辑包装成函数，在需要执行当前批次时再调用函数生成Promise。

实现代码 #

直接写一个简洁的执行函数，无需额外的数组分组工具函数：

async function executeInBatches(promiseFactories, batchSize) {
  // 遍历数组，每次处理batchSize个元素
  for (let i = 0; i < promiseFactories.length; i += batchSize) {
    // 截取当前批次的函数数组
    const currentBatch = promiseFactories.slice(i, i + batchSize);
    // 调用每个函数生成Promise，等待当前批次全部完成
    await Promise.all(currentBatch.map(factory => factory()));
    console.log(`第${Math.floor(i / batchSize) + 1}批执行完成`);
  }
  console.log('所有批次执行完毕');
}

实际使用示例（以axios请求为例） #

注意这里要把axios请求包装成函数，而不是直接执行：

// 存放创建请求Promise的函数，而不是直接执行axios.post
const requestTasks = [
  () => axios.post('/api', { data: 'req1' }),
  () => axios.post('/api', { data: 'req2' }),
  () => axios.post('/api', { data: 'req3' }),
  () => axios.post('/api', { data: 'req4' }),
  () => axios.post('/api', { data: 'req5' }),
  () => axios.post('/api', { data: 'req6' }),
];

// 每批执行2个请求
executeInBatches(requestTasks, 2);

关键细节说明 #

• 如果直接写[axios.post(...), axios.post(...)]，这些请求会在数组创建时就全部发送出去，后续的Promise.all只是等待它们完成，根本做不到分批执行。
• 使用函数包装后，只有当执行到当前批次时，才会调用函数生成Promise并发起请求，真正实现了“完成一批再执行下一批”的效果。
• 若需要处理单个Promise的错误，避免批次因单个请求失败而中断，可以在map里给每个Promise加.catch()：

await Promise.all(currentBatch.map(factory => 
  factory().catch(err => {
    console.error(`请求失败: ${err.message}`);
    // 返回默认值或标记错误，不影响批次整体执行
    return null;
  })
));

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