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 显式控制流转
- 每轮可读取上一轮结果，做判断或构造新参数
- 避免深层嵌套，保持线性可读性
