JavaScript通过闭包实现模块私有状态，本质是利用函数作用域链使内部函数可访问外部变量而外部不可直接访问；常用IIFE封装，返回含公共方法的对象以维持闭包引用；工厂函数可创建多个独立实例；结合class可在constructor中用闭包保存真正不可枚举的私有数据；需注意循环绑定、内存泄漏及调试限制。
JavaScript 中通过闭包实现模块私有状态，本质是利用函数作用域链的特性：内部函数能访问外部函数的变量，而外部无法直接访问这些变量。只要不暴露引用，变量就始终保留在内存中，形成“私有状态”。
用立即执行函数（IIFE）封装私有变量
这是最经典的做法。把模块逻辑写在一个函数里，将需要私有的数据定义在函数参数或内部变量中，只返回一个包含公共方法的对象。
- 外部调用返回的对象方法时，仍能访问到闭包中的变量，因为作用域链未断开
- 变量不会被垃圾回收，直到返回的对象被销毁或不再被引用
- 避免全局污染，也防止外部代码意外修改内部状态
const counter = (function() {
let count = 0; // 私有状态
return {
increment: () => ++count,
decrement: () => --count,
value: () => count
};
})();调用 counter.increment() 会改变并返回闭包内的 count，但无法从外部直接读写 count。
工厂函数生成多个独立实例
当需要多个拥有各自私有状态的模块时，可把 IIFE 改为普通函数，每次调用都创建新的闭包环境。
立即学习“Java免费学习笔记（深入）”；
- 每个实例的私有变量互不影响
- 适合构造计数器、配置管理器、事件监听器等场景
- 注意不要在循环中反复定义函数，否则可能产生意料外的共享问题
function createCounter(initial = 0) {
let count = initial;
return {
inc: () => ++count,
get: () => count
};
}
<p>const a = createCounter(10);
const b = createCounter(20);
console.log(a.get()); // 10
console.log(b.get()); // 20结合 class 与闭包强化封装（ES6+）
虽然 class 本身不提供私有字段（#field 是语法级私有，非闭包），但可在 constructor 中用闭包保存真正不可枚举、不可反射的私有数据。
- 避开 Object.keys()、JSON.stringify() 暴露私有字段
- 比 # 字段更早兼容，且逻辑上更“彻底”隔离
- 需谨慎设计 getter/setter，确保所有访问都经过闭包内变量
class BankAccount {
constructor(initialBalance) {
let balance = initialBalance; // 真正私有，连 this 都不持有
this.deposit = (amount) => balance += amount;
this.withdraw = (amount) => {
if (amount <= balance) balance -= amount;
};
this.getBalance = () => balance;
}
}即使通过 Object.getOwnPropertyNames(new BankAccount(100)) 也看不到 balance。
注意事项与常见陷阱
闭包虽好，但滥用会导致内存泄漏或行为误解。
- 不要在循环中直接给 DOM 元素绑定闭包函数并引用索引变量（如 for (var i=0;...)），容易全部捕获最后一个值 —— 改用 let 或函数包裹
- 私有变量若为大型对象或缓存数据，需主动清理引用（如设为 null），避免长期驻留内存
- 调试时无法直接查看闭包变量，可用 debugger 断点或在返回对象中加临时调试方法（上线前移除）
