JavaScript中闭包在异步回调中维持外部变量状态，核心是函数定义时捕获并“记住”词法环境中的变量，使回调执行时仍能访问定义时的值；需用let声明循环变量、IIFE封装或工厂函数隔离作用域，避免var导致的共享引用问题，并警惕内存泄漏。
JavaScript 中通过闭包在异步回调中维持外部变量状态，核心是利用函数作用域链捕获并“记住”外层函数的变量，避免因异步执行时机导致变量被覆盖或丢失。
闭包如何捕获并锁定变量值
当一个内部函数（如回调）引用了其外层函数的局部变量，即使外层函数已执行完毕，该变量仍保留在内存中——这就是闭包。在异步场景下（如 setTimeout、fetch、addEventListener），闭包让回调能访问到定义时的变量快照，而非运行时的最新值。
- 直接在循环中使用 let 声明变量，每个迭代创建独立绑定，天然形成闭包
- 用立即执行函数（IIFE）手动创建作用域，把当前变量作为参数传入，确保回调拿到的是当时的值
- 避免用 var 在循环中定义变量，否则所有回调共享同一个变量，容易取到循环结束后的最终值
常见问题：for 循环 + setTimeout 的陷阱与解法
下面这段代码会输出 5 次 “5”，因为 var i 是函数作用域，所有回调共享同一个 i，等定时器执行时循环早已结束，i 已变成 5：
❌ 错误写法：for (var i = 0; i < 5; i++) {
setTimeout(() => console.log(i), 100);
}
✅ 正确做法有三种：
Java Development Manual
下载
Java开发手册规约集合，基于阿里巴巴Java开发手册（嵩山版）。 涵盖7大维度：编程规约、异常日志、单元测试、安全规约、MySQL数据库、工程结构、设计规约。 当用户需要：(1) 编写或审查Java代码 (2) 检查命名/代码规范 (3) 处理异常和日志 (4) 编写单元测试 (5) 安全编码 (6) 数据库设...
立即学习“Java免费学习笔记（深入）”；
- 用 let 替代 var：块级作用域保证每次迭代都有独立的 i
-
IIFE 封装：
(function(i) { setTimeout(() => console.log(i), 100); })(i) - 用 forEach 或 map 遍历数组：天然具有闭包行为，每个回调拿到对应元素
实际应用：请求列表中保留请求上下文
比如发起多个 API 请求，希望每个回调知道它对应的是第几个请求或某个 ID：
- 把关键标识（如 id、index）作为参数传入闭包作用域，而不是依赖外部变量
- 封装成工厂函数，返回带上下文的回调：
const makeHandler = (id) => () => console.log('done for', id) - 在 fetch 中结合 async/await 更清晰，但若用传统回调（如 .then），闭包仍是维持 this 或参数的关键
注意点：避免意外的内存泄漏
闭包会让变量长期驻留内存，如果闭包持有大型对象或 DOM 引用，且没有及时释放，可能造成内存泄漏：
- 不需要时主动解除引用，例如将闭包内保存的 DOM 元素设为 null
- 避免在长生命周期对象（如全局对象、单例）中无节制地创建闭包
- 现代 JS 引擎优化较好，但对频繁创建的短期闭包（如事件监听器）建议用 once: true 或显式移除
