JavaScript异步中循环变量被覆盖是因闭包捕获同一变量引用，解决关键是捕获独立值副本：用let声明、IIFE传参、forEach遍历或setTimeout传参均可。
在 JavaScript 异步编程中，回调函数里变量被覆盖或取到错误值，本质是循环变量（如 for 中的 i）在异步执行时已变化——这不是“污染”，而是闭包捕获了同一个变量引用。解决的核心是让每次迭代捕获**独立的值副本**。
用 let 声明替代 var
let 在每次循环迭代中创建块级作用域绑定，每个回调实际闭包的是各自迭代的 i 值，无需手动封装：
for (let i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 100); // 输出 0, 1, 2
}
对比 var 会全部输出 3，因为所有回调共享同一个 i 变量。
用立即执行函数（IIFE）包裹 var 变量
若必须用 var（如旧环境），通过 IIFE 将当前值作为参数传入，形成独立闭包：
立即学习“Java免费学习笔记（深入）”；
for (var i = 0; i < 3; i++) {
(function(index) {
setTimeout(() => console.log(index), 100);
})(i);
}
- 参数
index是每次调用时的i快照，不会随循环改变 - 注意括号位置：
(function(){})()或(function(){}())都可，关键是立即执行
用 forEach 或其他数组方法替代 for 循环
数组遍历方法天然为每次回调提供独立参数，避免循环变量问题：
[0, 1, 2].forEach((i) => {
setTimeout(() => console.log(i), 100); // 输出 0, 1, 2
});
-
forEach、map、filter的回调参数都是独立值，不是引用 - 适合已有数组；若需数字索引，可用
Array.from({length: 3}, (_, i) => i)构造
用 setTimeout 的第三个及以上参数传递参数
部分异步 API（如 setTimeout、setInterval）支持直接传参，自动绑定到回调：
for (var i = 0; i < 3; i++) {
setTimeout((index) => console.log(index), 100, i);
}
- 第三个参数
i会在回调执行时作为第一个实参传入 - 比 IIFE 更简洁，但仅适用于支持该特性的 API（主流浏览器和 Node.js 均支持）
