如何用 async/await 结合循环实现异步任务的顺序依次执行-js教程-PHP中文网

async/await在for...of、for或while循环中才能顺序执行；foreach、map等不识别async回调，导致并行执行。正确写法：async function runinsequence(items) { for (const item of items) { await fetchitem(item); } }

如何用 async/await 结合循环实现异步任务的顺序依次执行

async/await 循环中 await 不生效？其实是没等对地方

直接在 for 循环里写 await someAsyncFn() 是能顺序执行的，但很多人误用 forEach 或 map 导致“看似写了 await，实际并行跑完”。根本原因是：这些数组方法不识别 async 回调，它们只把返回的 Promise 当普通值扔进数组，不等 resolve 就继续下一轮。

正确做法是用标准 for...of、for 或 while 循环 —— 它们天然支持 await 暂停。

forEach 里写 async (item) => { await fn(item) } → 所有调用立刻发起，并行执行，循环不等待
map + await Promise.all(...) → 并行执行，不是“依次”
for...of 中 await fn(item) → 真正逐个等待，顺序执行

for...of 是最直观且兼容性最好的选择

它语义清晰、调试友好、所有现代环境（包括 Node.js 14+ 和主流浏览器）都支持。注意变量作用域和异步函数声明位置：

async function runInSequence(items) {
  for (const item of items) {
    const result = await fetchItem(item); // 每次等完才进下一轮
    console.log(result);
  }
}

不要把 async 声明写在循环体内（比如 for (...) { async () => { ... } }），那只是定义函数，没调用
如果需要带索引，用 for (let i = 0; i 更稳妥，避免 <code>entries() 带来额外 Promise 包装
若循环体逻辑复杂，可抽成独立 async 函数，但调用时仍要 await

错误处理必须包裹在循环内部

顺序执行时，一个失败默认会中断整个流程。是否继续取决于业务逻辑 —— 但不管怎样，不能让未捕获的 Promise rejection 导致进程退出或静默失败。

用 try/catch 包住单次 await，出错可记录、跳过或重试
避免把整个 for 块包进一个 try/catch：那样一旦出错就终止后续所有任务，且无法区分哪次失败
如果某次请求失败后还想继续，写成：try { await fn(item) } catch (e) { console.error('failed on', item, e) }