JavaScript循环中闭包正确使用的核心是确保每次迭代捕获当前值而非最终值，推荐用let声明（ES6+，块级作用域绑定），兼容旧环境可用IIFE封装；var因函数作用域和变量提升导致所有闭包共享同一变量，即使引入临时变量也无效。
这个问题本质是变量作用域和闭包捕获机制的错配。用 let 最直接，用闭包（IIFE）是兼容旧环境的可靠方案。
用 let 声明循环变量（推荐）
ES6 的 let 为每次迭代创建独立绑定，每个 setTimeout 回调自然捕获各自迭代的 i 值：
- 写法简洁，语义清晰，无需额外包装
- 浏览器和 Node.js 环境普遍支持（2015 年起）
- 示例：
for (let i = 0; i setTimeout(() => console.log(i), 1000 * (i + 1));
}
输出：0、1、2、3、4（按秒依次）
用立即执行函数（IIFE）封装变量
在不支持 let 的旧环境（如 IE 或早期 Node.js），通过 IIFE 为每次迭代创建独立作用域：
- 把当前
i作为参数传入，确保回调引用的是该次迭代的副本 - 两种常见写法效果等价：
— 把函数返回值作为回调：
for (var i = 0; i setTimeout((function(j) { return function() { console.log(j); }; })(i), 1000 * (i + 1));
}
— 在 IIFE 内部调用 setTimeout：
for (var i = 0; i (function(j) { setTimeout(() => console.log(j), 1000 * (j + 1)); })(i);
}
为什么 var + 临时变量仍失败？
即使写 var temp = i;，由于 var 没有块级作用域，所有迭代中的 temp 实际指向同一个变量，最终仍输出循环结束后的值（如 4 或 5）。
其他可行但不常用的方式
-
forEach：数组方法自带独立参数作用域
[0,1,2,3,4].forEach((i, idx) => {
setTimeout(() => console.log(i), 1000 * (idx + 1));
}); - async/await + for...of：适合需要串行等待的场景，但不符合“同时设多个定时器”的原始需求
