使用 promise.all() 并行发起多个 fetch 请求是实现批量提交最高效的方式，它能显著降低总耗时。只需将包含各接口调用逻辑的 promise 对象放入数组并传入该函数，即可一次性获取所有结果或捕获首个失败。

如何控制并发数量避免资源耗尽

当需要提交的接口数量极大时，直接全部并发可能导致浏览器连接数溢出或服务器拒绝服务。通过实现一个基于 Promise 队列的并发控制器，可以限制同时运行的请求数量，确保系统稳定。

async function batchWithConcurrency(urls, limit) {
  const results = [];
  let index = 0;

  async function worker() {
    while (index < urls.length) {
      const url = urls[index++];
      try {
        const res = await fetch(url);
        results.push({ url, status: res.status });
      } catch (e) {
        results.push({ url, error: e.message });
      }
    }
  }

  const workers = Array.from({ length: Math.min(limit, urls.length) }, () => worker());
  await Promise.all(workers);
  return results;
}

如何处理单个请求失败导致的整体中断

默认的 Promise.all() 具有“短路”特性，即任何一个请求失败都会导致整个批次被 reject。若业务要求即使部分失败也要收集其他成功接口的数据，应改用 Promise.allSettled() 来隔离错误状态。

javascript-typescript-typescript-scaffold

你是 TypeScript 项目架构专家，专注于脚手架搭建生产就绪的 Node.js 和前端应用。生成包含现代工具链（pnpm、Vite、Next.js）、类型

下载

立即学习“Java免费学习笔记（深入）”；

const requests = [
  fetch('/api/a'),
  fetch('/api/b'),
  fetch('/api/c')
];

Promise.allSettled(requests).then(results => {
  results.forEach((result, i) => {
    if (result.status === 'fulfilled') {
      console.log(`Request ${i} succeeded`);
    } else {
      console.error(`Request ${i} failed:`, result.reason);
    }
  });
});

在批量提交中如何统一处理 JSON 响应解析

在批量获取数据后，通常需要遍历结果集进行二次处理。由于 fetch 返回的是流式响应，必须对每个成功的 Promise 调用 .json() 方法才能获取实际的业务数据对象，这一步骤应在最终的数据聚合阶段完成。