JavaScript循环索引在异步中出错本质是闭包与作用域问题，解决方法包括：①用let声明循环变量；②IIFE绑定当前索引；③forEach或for...of配合async/await；④避免复用外部可变对象。
在 JavaScript 中，循环索引在异步操作里“拿不到正确值”，本质是闭包和变量作用域问题，不是异步本身导致的。关键在于：用 let 声明循环变量，或显式绑定当前索引值。
用 let 替代 var 声明循环变量
let 为每次迭代创建独立的块级作用域，每个异步回调捕获的是各自迭代时的索引值，不会被后续迭代覆盖。
- 错误写法（var）：所有回调共享同一个
i，循环结束时i === arr.length，输出全是最后一个索引 - 正确写法（let）：每次
for (let i = 0; ...)都生成新的i，异步回调中访问的就是当时的值
用立即执行函数包裹（IIFE）绑定当前索引
适用于必须用 var 或老环境（如 ES5），通过参数把当前索引“快照”传入函数内部。
- 写法示例：
for (var i = 0; i console.log(index), 100); })(i); } - 核心是把
i作为参数传入，形成闭包内独立的index变量
用 forEach 或 map 配合 async/await
forEach 的回调函数自带当前项和索引参数，天然隔离作用域；配合 async/await 更易控制顺序。
立即学习“Java免费学习笔记（深入）”；
- 注意：
forEach本身不等待异步，若需串行执行，改用for...of循环 - 推荐写法：
for (const [index, item] of arr.entries()) { await fetchItem(item); console.log(index); }
避免在循环内直接引用外部变量
如果异步逻辑依赖循环外的变量（比如计数器、对象属性），也要确保它不会被后续迭代修改。
- 常见陷阱：在循环里修改同一个对象的某个字段，多个异步回调读到的都是最终值
- 解决方法：在每次迭代中创建新对象，或用结构赋值拷贝所需字段，如
const { id } = item;
