闭包是内部函数捕获并持久化外部词法环境变量的机制，核心条件是内嵌函数且引用外部变量；常用于防抖节流、私有变量封装及React Hook等场景，但需警惕大对象导致的内存泄漏。
闭包就是函数记住了它诞生时的词法环境
闭包不是某种高级语法糖，而是 JavaScript 引擎执行机制的自然结果：当一个函数被定义在另一个函数内部，并且**外部函数返回了这个内部函数**（或以其他方式让其逃逸出作用域），那么该内部函数就“捕获”了外部函数作用域中的变量——这些变量不会被垃圾回收，即便外部函数早已执行完毕。function 一旦形成闭包，[[Environment]] 内部属性就永久绑定了那块词法环境。
关键判断标准只有两个：内嵌函数 + 外部变量被引用。没返回、没保存、没传出去，哪怕写得再像，也不构成实际闭包。
闭包常被误用导致内存泄漏
最典型的坑是给 DOM 元素绑定事件时，在循环中直接用 for 变量创建监听器：
for (var i = 0; i < 3; i++) {
btns[i].onclick = function() { console.log(i) }; // 全输出 3
}
这里 i 是共享的，且被闭包持有，但值已变成最终的 3。修复方式不是“避免闭包”，而是控制变量绑定时机：
立即学习“Java免费学习笔记（深入）”；
- 用
let替代var（块级作用域自动隔离） - 用
(function(i) { ... })(i)立即执行包裹（显式创建独立作用域） - 改用
btns[i].onclick = () => console.log(i)（箭头函数也闭包，但绑定的是当前轮次的i）
闭包本身不危险，危险的是**没意识到变量生命周期被延长了**。
防抖（debounce）和节流（throttle）依赖闭包维持计时器引用
这两个模式的核心不是定时逻辑，而是“如何让上一次的 setTimeout 或 setInterval 不被覆盖或重复触发”。靠的就是闭包把 timerId 封装在函数内部：
function debounce(fn, delay) {
let timerId;
return function(...args) {
clearTimeout(timerId);
timerId = setTimeout(() => fn.apply(this, args), delay);
};
}
每次调用返回的函数，都共享同一个 timerId 变量。没有闭包，timerId 就只能是全局或参数传入，无法做到“单例式清理”。
注意：如果 debounce 返回的函数被反复赋值（比如多次绑定到同一按钮），而旧函数仍被其他地方持有，timerId 就可能失控——闭包让状态可维护，也要求你主动管理函数实例的生命周期。
模块私有变量与工厂函数靠闭包实现封装
ES6 class 和 #private 字段出现前，闭包是唯一能模拟真正私有成员的方式：
function createCounter() {
let count = 0; // 外部无法直接访问
return {
increment() { count++ },
getCount() { return count }
};
}
这里的 count 对外界完全不可见，连 console.dir() 都看不到——它只活在闭包环境中。现代开发中，这类模式依然高频出现在：
- React 自定义 Hook（
useState的 state 变量就靠闭包维持） - 配置驱动的工具函数（如
createAPI({ baseURL: '...' })） - 需要复用但又不能污染全局的插件初始化逻辑
闭包不是为了炫技，而是当你要把「数据」和「操作它的函数」打包成一个不可分割的单元时，它几乎是 JavaScript 中最轻量、最可靠的封装机制。
真正容易被忽略的，是闭包中引用的对象如果体积很大（比如缓存了整个 JSON 响应），又长期不释放，就会悄悄吃掉内存——别只盯着函数，要盯住它闭包里存了什么。
