闭包用于保存函数定义时的词法环境，解决循环变量捕获、私有变量封装、配置预置及防抖节流上下文绑定等问题；其本质是延长外部变量生命周期，需警惕内存泄漏。
闭包用来保存函数内部状态，不是为了“炫技”
闭包在实际开发中真正有用的地方，是让函数能“记住”它被定义时的词法环境，而不是执行时的环境。这直接解决了几个高频问题：事件监听器中的循环变量捕获、私有变量封装、配置预置、防抖节流的上下文绑定。
for 循环里绑定 click 事件，为什么总是输出最后一个 i？
这是闭包最常被问到的问题，本质是 var 声明的变量没有块级作用域，所有回调共享同一个 i。用闭包可以切出独立作用域：
for (var i = 0; i < 3; i++) {
(function(index) {
document.getElementById('btn' + index).onclick = function() {
console.log('clicked:', index); // 正确输出 0, 1, 2
};
})(i);
}
现代写法更推荐用 let（它本身就有块级绑定），但要注意：如果目标环境不支持 ES6 或需兼容旧版 IE，仍得靠立即执行函数表达式（IIFE）加闭包兜底。
-
var+ IIFE 是兼容性最强的闭包写法 -
let在 for 中创建的是新绑定，不是闭包，但效果等价 - 箭头函数本身不绑定
this，但闭包行为和普通函数一致
用闭包实现模块私有变量和方法
不需要 ES6 class 或 #private 字段时，闭包是最轻量的封装手段。比如一个计数器模块：
立即学习“Java免费学习笔记（深入）”；
const createCounter = function() {
let count = 0; // 外部无法直接访问
return {
increment: () => ++count,
reset: () => { count = 0; },
getCount: () => count
};
};
const counter1 = createCounter();
counter1.increment(); // 1
console.log(counter1.getCount()); // 1
console.log(counter1.count); // undefined —— 真正私有
这种模式在 SDK、插件、工具函数库中大量存在，比如 Axios 的实例配置隔离、Lodash 的 curry 化函数都依赖闭包维持局部状态。
- 每次调用
createCounter()都生成独立的词法环境，互不干扰 - 返回对象里的函数持续引用外部
count，只要该对象还存活，count就不会被 GC - 注意避免无意中把大对象闭包进去，造成内存泄漏
闭包在防抖（debounce）和节流（throttle）中的必要性
防抖函数必须记住上一次的定时器 ID，否则无法清除。这个 ID 必须在多次调用间保持，又不能暴露给外部——只能靠闭包：
function debounce(fn, delay) {
let timeoutId;
return function(...args) {
clearTimeout(timeoutId);
timeoutId = setTimeout(() => fn.apply(this, args), delay);
};
}
这里 timeoutId 是闭包变量，每次调用 debounce 返回的新函数都拥有自己的 timeoutId，彼此隔离。这也是为什么你不能把 debounce 当成通用工具直接传参复用，而要为每个场景单独调用一次。
- 闭包让“状态 + 行为”绑定在一起，形成可复用的函数工厂
- 漏掉
clearTimeout或误用全局变量，会导致多个输入触发同一回调 - 如果需要取消整个防抖流程（比如组件卸载），得额外暴露一个
cancel方法，也得靠闭包维持对timeoutId的引用
闭包本身没有魔法，它的力量全来自 JavaScript 的词法作用域规则。真正容易被忽略的，是闭包变量的生命周期——它会阻止垃圾回收，一旦闭包持有 DOM 节点或大型数据结构，又没及时解除引用，就可能引发内存问题。
