for...of 循环在 async 函数中配合 await 可实现异步操作的严格串行执行；每次迭代等待当前 Promise 完成后再进入下一轮，避免并发，适用于有依赖、需顺序或防限流的场景。
在 JavaScript 中，for...of 循环本身是同步的，但可以天然配合 await 实现**顺序执行异步操作**——只要整个循环写在 async 函数内，并对每个异步操作显式 await 即可。
必须在 async 函数中使用
这是前提。只有在 async 函数里，await 才有效，for...of 才能真正“等待”每个 Promise 完成后再进入下一轮：
- 直接在全局作用域或普通函数里用
await会报语法错误 - 封装成
async函数后，循环体内的await会让 JS 暂停当前迭代，等 Promise settle 后再继续
逐个 await 数组中的异步操作
假设你有一个返回 Promise 的函数（比如 fetchUser(id)），想按顺序获取多个用户数据：
async function fetchUsersSequential(ids) {
const users = [];
for (const id of ids) {
const user = await fetchUser(id); // ✅ 等待本次完成，再进入下一次
users.push(user);
}
return users;
}
这样就严格保证：id[0] → 完成 → id[1] → 完成 → id[2]… 串行执行，无并发。
立即学习“Java免费学习笔记（深入）”；
注意不要误写成“并发+await”
常见错误是先调用所有异步函数、生成一堆 pending Promise，再用 await 等它们——这其实是并发执行（虽然最终也 await 了，但请求已同时发出）：
- ❌ 错误写法（并发）：
const promises = ids.map(id => fetchUser(id)); const users = await Promise.all(promises); - ✅ 正确顺序写法：
for (const id of ids) { const user = await fetchUser(id); ... }
区别在于：前者所有网络请求几乎同时发出去；后者每次只发一个，上一个响应回来才发下一个。
适用于需要强顺序或有依赖的场景
比如：
- 依次调用带 side effect 的 API（如创建资源后，用返回 ID 创建下一个）
- 避免对同一服务发起过多并发请求（防限流/降压）
- 日志、调试时需严格按序观察每一步结果
如果只是“取数据且无依赖”，并发（Promise.all）通常更高效；但要“顺序”，for...of + await 就是最简洁直接的方式。
