闭包在JavaScript事件循环中用于捕获并保存当前执行上下文，防止异步操作读取错误变量值；var循环变量因函数作用域共享导致输出全为最后值，而IIFE或let可创建独立作用域“锁住”每次迭代的值。
在 JavaScript 事件循环中，闭包常被用来“捕获并保存”当前执行上下文（比如循环变量、函数参数或局部状态），避免异步操作（如 setTimeout、Promise.then、事件监听器）执行时因变量被覆盖或销毁而读到错误的值。核心不是“在事件循环里创建闭包”，而是**利用闭包的词法作用域特性，在异步任务入队前把需要的值封存住**。
为什么循环中直接用 var/i 可能出错？
经典问题：用 var 声明的循环变量在异步回调中总是取到最后的值。
例如：
for (var i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 100); // 输出：3, 3, 3
}
原因：var 是函数作用域，整个循环共用一个 i；等所有 setTimeout 回调执行时，循环早已结束，i 已变成 3。
立即学习“Java免费学习笔记（深入）”；
用闭包保存每次迭代的独立值
通过立即执行函数（IIFE）或箭头函数+参数传入，为每次迭代创建独立作用域，把当时的 i “锁住”：
-
IIFE 方式（ES5 常用）：
for (var i = 0; i < 3; i++) { (function (index) { setTimeout(() => console.log(index), 100); })(i); } -
let 声明（ES6 推荐）：
let是块级作用域，每次循环都会创建新的绑定，本质是引擎自动为每次迭代生成了闭包环境：for (let i = 0; i < 3; i++) { setTimeout(() => console.log(i), 100); // 输出：0, 1, 2 }
在事件监听或 Promise 中主动构造闭包
当需要在异步逻辑中访问外部变量（如组件 ID、配置项、临时状态），可显式用闭包封装：
-
封装事件处理器：
function createClickHandler(itemId) { return function () { console.log('Clicked item:', itemId); // itemId 被闭包捕获 }; } button.addEventListener('click', createClickHandler(123)); -
在 Promise 链中保留上下文：
function fetchWithId(id) { return fetch(`/api/item/${id}`) .then(response => response.json()) .then(data => ({ id, data })); // 将 id 和响应数据一起返回，避免后续丢失上下文 } fetchWithId(456).then(result => console.log(result.id, result.data));
注意：闭包不是万能，别过度捕获大对象
闭包会阻止内部变量被垃圾回收，如果无意中捕获了 DOM 元素、大型数组或整个 this 上下文，可能引发内存泄漏：
- 避免在定时器/事件中直接引用
this或全局大对象，除非明确需要； - 用弱引用（如
WeakMap）或手动解绑（如removeEventListener）管理生命周期； - 现代开发中，优先用
let/const+ 箭头函数简化闭包意图，比手写 IIFE 更清晰安全。
