JavaScript定时器需用闭包捕获参数以避免异步执行时变量被覆盖；ES6支持直接传参，语义清晰且推荐；闭包可传递任意类型数据，如对象、DOM元素等，确保回调中安全使用。
JavaScript 中定时器（setTimeout 或 setInterval）本身不支持直接传参给回调函数（尤其在旧版浏览器中），但可以通过闭包“捕获”外部变量，实现参数的稳定传递。关键在于：让回调函数形成闭包，把需要的参数值“锁住”，避免因异步执行时变量已变化而取错值。
为什么需要闭包？——防止变量被覆盖
常见错误写法：
for (var i = 0; i < 3; i++) {
setTimeout(function() {
console.log(i); // 输出 3、3、3
}, 100);
}
因为 var 声明的 i 是函数作用域，循环结束时 i 已变为 3，所有定时器回调共享同一个 i。
用闭包包裹参数（经典 IIFE 方式）
立即执行函数表达式（IIFE）创建独立作用域，把当前循环变量“保存”下来：
立即学习“Java免费学习笔记（深入）”；
for (var i = 0; i < 3; i++) {
(function(index) {
setTimeout(function() {
console.log(index); // 输出 0、1、2
}, 100);
})(i);
}
-
原理：每次循环调用 IIFE，
index成为该次调用的局部参数，被内部定时器回调闭包引用 -
注意：必须把
i作为实参传入，不能只写(function(){...})()
ES6 更简洁的写法：let + 箭头函数
let 具有块级作用域，每次循环都会生成新的绑定：
for (let i = 0; i < 3; i++) {
setTimeout(() => {
console.log(i); // 输出 0、1、2
}, 100);
}
- 优势：无需手动封装，语义清晰，是现代推荐写法
- 兼容性提示：需确保运行环境支持 ES6（或经 Babel 转译）
向定时器回调传多个/动态参数
闭包不仅能“保”变量，还能传任意数据（对象、函数、DOM 元素等）：
function createTimer(data, delay) {
return setTimeout(function() {
console.log('收到数据:', data.name, '延迟:', delay);
}, delay);
}
const user = { name: '张三' };
createTimer(user, 500); // 正确输出张三和500
- 关键点：只要参数在闭包形成时可访问，就能被回调安全使用
-
实用场景：给按钮绑定延时操作时传入
this或事件目标元素
