闭包在JavaScript异步编程中通过捕获定义时的词法环境保存上下文参数，使回调能访问原始变量引用；需避免var循环陷阱，可用let或IIFE封装；箭头函数同样形成闭包；须警惕内存泄漏，及时清理引用。
闭包在 JavaScript 异步编程中保存上下文参数，核心是利用函数作用域捕获外部变量，让异步回调能访问到定义时的环境，而不是执行时的环境。
闭包自动保存执行时的词法环境
当一个函数在定义时所处的作用域中引用了外部变量，JavaScript 引擎会为其创建闭包，把那些变量“封存”起来。异步操作（如 setTimeout、fetch、事件监听）触发回调时，即使外部作用域已退出，闭包仍持有原始变量的引用。
- 变量不是拷贝，而是引用 —— 修改它会影响所有共享该闭包的地方
- 注意：若循环中直接用
var声明变量并传入异步回调，会因变量提升和作用域共享导致“全部取到最后值”，应改用let或闭包封装
用立即执行函数（IIFE）手动创建闭包传参
在 ES6 之前常用 IIFE 隔离每次迭代的变量；现在虽有 let，但显式闭包仍适用于需传递多个固定参数的场景。
for (var i = 0; i < 3; i++) {
(function(index) {
setTimeout(() => console.log('IIFE:', index), 100);
})(i);
}
- 每个 IIFE 调用生成独立作用域，
index被闭包捕获 - 适合需要预绑定参数（如 ID、配置对象）再交给异步逻辑使用的场合
箭头函数与普通函数在闭包中的行为一致
箭头函数不绑定 this、arguments，但它照样形成闭包，能访问外层作用域的变量 —— 这正是它常用于异步回调的原因之一。
立即学习“Java免费学习笔记（深入）”；
function loadData(id) {
const timestamp = Date.now();
return fetch(`/api/item/${id}`)
.then(res => res.json())
.then(data => {
console.log(`Loaded ${id} at ${timestamp}`); // timestamp 来自外层闭包
return { ...data, fetchedAt: timestamp };
});
}
-
timestamp在loadData执行时确定，被后续所有.then回调共享 - 无需手动绑定或传参，自然携带上下文
避免闭包导致的内存泄漏
闭包会让变量无法被垃圾回收，尤其当它持有了大型对象、DOM 元素或未清理的定时器时。
- 及时解除事件监听、清除定时器（
clearTimeout）、置空大对象引用 - 避免在闭包中长期持有不需要的 DOM 节点或全局缓存
- 调试时可用 Chrome DevTools 的 Memory 面板查看是否意外保留了本该释放的对象
