闭包能解决回调函数中变量“取不到正确值”的问题，核心在于让每个回调记住它创建时的变量状态，而不是执行时的状态；var声明的变量是函数作用域，整个循环共用一个i，回调异步执行时i已变为终值，而闭包通过创建独立作用域将每次循环的值“封存”，let天然每次迭代生成独立绑定，IIFE、bind等方式也可实现类似效果。
闭包能解决回调函数中变量“取不到正确值”的问题，核心在于让每个回调记住它创建时的变量状态，而不是执行时的状态。
为什么回调里经常拿到错误的值
在循环中绑定事件或设置定时器时，如果用 var 声明计数器，所有回调最终都访问同一个变量内存地址。比如循环 5 次后 i 变成 5，点击任意按钮都输出 5——这不是你想要的。
- var 声明的变量是函数作用域，整个循环共用一个 i
- 回调异步执行，等真正触发时，循环早已结束
- 函数没保存当时的 i 值，只保留了对 i 的引用
闭包怎么把“当时的值”锁住
闭包通过创建独立的作用域环境，把每次循环中的变量值“封存”起来，确保回调执行时能取到对应那一轮的值。
- let 声明循环变量：块级作用域天然为每次迭代生成独立绑定，最简洁可靠
- IIFE（立即执行函数）：手动传入当前 i，形成封闭作用域，兼容旧浏览器
- bind 或箭头函数预设参数：把当前值作为第一个参数固定下来，语义明确
实际写法对比
假设给 5 个按钮绑定点击事件，期望分别输出 0 到 4：
立即学习“Java免费学习笔记（深入）”；
- 推荐（let）：
for (let i = 0; i < 5; i++) btns[i].onclick = () => console.log(i); - 兼容（IIFE）：
for (var i = 0; i < 5; i++) (function(idx) { btns[idx].onclick = () => console.log(idx); })(i); - 函数式（bind）：
btns.forEach((btn, i) => btn.onclick = console.log.bind(console, i));
要注意的副作用
闭包虽好，但会延长外部变量的生命周期。如果回调长期存在又引用了大对象，可能引发内存泄漏。
- 及时移除不用的事件监听器
- 避免在闭包中捕获整个 DOM 节点或大型数据结构，只取需要的字段
- 对 scroll、resize 等高频事件，优先用节流或事件委托减少闭包数量
