JavaScript 中 async/await 怎么在循环中正确处理异步并发-js教程-PHP中文网

javascript循环中async/await的关键是区分串行、并行与可控并发：串行用for...of确保顺序；并行用promise.all()提升效率；大量任务需限并发防崩溃；foreach/map等高阶函数不支持await暂停。

javascript 中 async/await 怎么在循环中正确处理异步并发

在 JavaScript 循环中用 async/await 处理异步操作，关键不是“能不能写”，而是“想串行还是并行”——选错方式会导致结果顺序错乱、逻辑阻塞或资源浪费。下面分场景讲清楚怎么选、怎么写、怎么避坑。

串行执行：一个接一个，等前一个完成再开始下一个

适合有依赖关系、需严格顺序、或避免并发压力的场景（比如依次调用 API 更新状态、逐个写文件）。

必须用 for...of、for 或 while 循环，不能用 forEach、map 等高阶函数
await 写在循环体内，直接等待每次异步调用结束
代码简洁直观，调试友好，错误可被统一 try/catch 捕获

示例：

Java JDK 25

Java JDK 25 来自 OpenJDK 官方归档，版本为 JDK 25，本条下载地址已指向官方 Windows x64 zip 安装包直链，适合调试旧项目或兼容旧版 Java 运行环境。

下载

async function serialProcess(items) {
  for (const item of items) {
    try {
      const res = await fetchItem(item);
      console.log(res);
    } catch (err) {
      console.error(`处理 ${item} 失败`, err);
    }
  }
}

并行执行：全部同时发起，最后统一收尾

适合无依赖、追求效率的场景（如批量拉取用户资料、预加载多个资源）。

用 map 创建 Promise 数组，每个回调标记为 async
用 Promise.all() 等待所有 Promise 完成；失败时会短路（任一拒绝即整体失败）
若需容错（某个失败不影响其余），改用 Promise.allSettled()

示例：

async function parallelProcess(items) {
  const promises = items.map(async item => {
    return await fetchItem(item);
  });
  try {
    const results = await Promise.all(promises);
    return results;
  } catch (err) {
    throw new Error('任一请求失败，整体中断');
  }
}

可控并发：限制同时运行数量，兼顾速度与稳定性

面对大量任务（比如 100 个 HTTP 请求），全量并行可能触发限流或内存溢出，这时需要节流。

不用 Promise.all，改用队列 + 信号量控制并发数
常见做法：每次最多启动 N 个 Promise，空闲时补上新任务
可用第三方库（如 p-limit），也可手写简易版

简易实现思路：

async function limitedParallel(items, limit = 3) {
  const results = [];
  const executing = [];
  for (const item of items) {
    const p = fetchItem(item).then(res => {
      results.push(res);
      return res;
    });
    executing.push(p);
    if (executing.length >= limit) {
      await Promise.race(executing);
      executing.splice(0, 1);
    }
  }
  await Promise.all(executing);
  return results;
}