for...of 是实现 async/await 循环串行执行的最直接可靠方式，天然支持 await 暂停等待 Promise 完成；避免使用 forEach + async 回调，因其本质并发；需并发时用 Promise.all 或 allSettled；复杂逻辑可选 while + await。

async 与 await 在循环中实现同步执行，核心在于让每次异步操作**等前一个完成后再启动下一个**，也就是“串行”执行。关键不是循环本身，而是循环结构是否支持 await 暂停并等待 Promise 解析。

for...of 是最直接可靠的串行方案

它天然支持 await，每次迭代都会暂停函数执行，直到当前 await 的 Promise 完成，再进入下一轮。

• 写法简洁：直接在 for...of 循环体内使用 await，无需额外包装
• 逻辑清晰：代码顺序即执行顺序，便于调试和理解
• 错误可控：配合 try/catch 可精准捕获某次请求失败，不影响后续（或选择中断）

示例：

async function fetchInOrder(urls) {
  for (const url of urls) {
    try {
      const res = await fetch(url);
      console.log(await res.json());
    } catch (err) {
      console.error(`请求 ${url} 失败：`, err);
    }
  }
}

避免用 forEach + async 回调

forEach 本身是同步遍历，即使内部回调声明为 async，它也只负责“发起所有请求”，并不等待任一 Promise 完成——结果是并发执行，输出顺序不可控。

• 本质是“发完就走”，所有 await 都在独立的微任务中运行，彼此不等待
• 看似写了 await，实则没有形成串行链，容易误以为逻辑正确
• 若需逐个处理，必须换结构，不能靠改回调函数签名来修复

需要并发时，用 Promise.all 控制节奏

如果目标是“全部同时发起、统一等待完成”，就该明确使用 Promise.all。它不是循环内的 await，而是把多个 Promise 打包后一次性 await。

• 适合无依赖关系的批量请求，比如同时拉取用户头像、配置项、菜单数据
• 失败默认全盘拒绝，可用 Promise.allSettled 获取每个结果状态
• 注意内存和服务器压力，大量并发可能触发限流

复杂流程可封装成递归或 while 循环

当需要动态控制（如失败重试、满足条件提前退出、依赖上一步返回值决定下一步），for...of 可能不够灵活，此时 while + await 更合适。

• while(true) + break / continue 显式控制流转
• 每轮可读取上一轮结果，做判断或构造新参数
• 避免深层嵌套，保持线性可读性