JavaScript循环中var变量异步回调共享索引问题，根源在于var函数作用域与闭包引用机制；解决方法包括：1. 用let声明实现块级作用域绑定；2. IIFE传参创建独立作用域；3. forEach替代for循环；4. bind或箭头函数预绑定参数。
在 JavaScript 中，循环中直接使用 var 声明的变量配合异步操作（如 setTimeout 或事件监听）时，常会遇到所有回调都引用同一个最终索引值的问题。根本原因是闭包捕获的是变量的**引用**，而 var 声明的变量具有函数作用域，在循环结束时其值已固定。解决的关键是：让每次迭代拥有自己独立的变量绑定。
用 let 声明替代 var
let 具有块级作用域，每次 for 循环迭代都会为 let 变量创建一个新的绑定。这是最简洁、现代的解法：
// ✅ 推荐：let 自动创建每次迭代的独立绑定
for (let i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 100); // 输出 0, 1, 2
}
用立即执行函数表达式（IIFE）包裹
在 ES5 环境或需兼容旧浏览器时，可将当前索引作为参数传入 IIFE，利用函数参数形成闭包绑定：
立即学习“Java免费学习笔记（深入）”；
// ✅ 兼容性好：参数 i 形成独立作用域
for (var i = 0; i < 3; i++) {
(function(index) {
setTimeout(() => console.log(index), 100);
})(i);
}
用 forEach 替代传统 for 循环
forEach 的回调函数天然为每次元素执行一次，参数自动隔离，避免手动管理索引绑定：
// ✅ 清晰语义，无索引陷阱
[0, 1, 2].forEach((item, index) => {
setTimeout(() => console.log(index), 100); // 输出 0, 1, 2
});
用 bind 或箭头函数预绑定参数
显式将索引作为参数传递给回调，也可达到隔离效果（适用于事件监听等场景）：
for (var i = 0; i < 3; i++) {
setTimeout(console.log.bind(console, i), 100); // 输出 0, 1, 2
// 或
setTimeout((index) => console.log(index), 100, i);
}
核心逻辑在于：确保每个异步操作访问的是它所属迭代的“快照”值，而非共享的循环变量。现代开发优先用 let；历史项目可用 IIFE；数组遍历时 forEach 更安全直观。不复杂但容易忽略作用域细节。
