JavaScript 里闭包实现数据私有化的代码设计模式

JavaScript闭包实现数据私有化，核心是利用作用域链和变量生命周期，使外部无法直接访问内部变量，仅通过返回的函数接口间接操作；模块模式（IIFE）、工厂函数、构造器内闭包是三种典型方式，现代推荐优先使用ES2022+的#私有字段。

JavaScript 中闭包实现数据私有化，核心在于利用函数作用域链和变量生命周期特性，让外部无法直接访问内部变量，仅通过返回的函数接口间接操作。

模块模式（Module Pattern）

最经典的闭包私有化写法，用立即执行函数（IIFE）封装私有变量和方法，只暴露特定的公共接口。

• 私有变量定义在 IIFE 内部，外部无法访问
• 返回一个对象，其属性/方法可访问内部变量（因闭包保持引用）
• 适合封装单例逻辑、配置管理或工具集合

示例：

const Counter = (function() {  let count = 0; // 私有状态  return {    increment: () => ++count,    decrement: () => --count,    getCount: () => count  };})();Counter.increment(); // 1console.log(Counter.getCount()); // 1console.log(Counter.count); // undefined —— 无法直接访问

工厂函数 + 闭包

每次调用工厂函数生成独立的闭包环境，适用于创建多个隔离实例。

立即学习“Java免费学习笔记（深入）”；

• 每个实例拥有自己的一套私有变量，互不干扰
• 适合需要多个“对象”但又不想用 class 或 new 的轻量场景
• 比 class 更早支持私有数据（ES6 class 的 # 私有字段是后来才有的）

示例：

function createBankAccount(initialBalance) {  let balance = initialBalance; // 每个账户私有  return {    deposit: (amount) => balance += amount,    withdraw: (amount) => {      if (amount <= balance) balance -= amount;      else throw new Error('Insufficient funds');    },    getBalance: () => balance  };}<p>const account1 = createBankAccount(100);const account2 = createBankAccount(50);account1.deposit(20); // account1: 120account2.withdraw(10); // account2: 40</p>

构造器中的闭包私有字段（传统方式）

在构造函数内定义变量，通过 this 绑定方法使其形成闭包，实现实例级私有数据。

• this 上挂载的是公有方法，它们能访问构造函数作用域内的私有变量
• 避免使用 this.xxx 存储敏感数据，防止被外部篡改
• 注意：箭头函数在方法中会丢失 this，需确保正确绑定

示例：

function Person(name, age) {  const _name = name; // 私有  let _age = age;     // 私有（可变）<p>this.getName = () => _name;this.getAge = () => _age;this.setAge = (newAge) => {if (newAge > 0) _age = newAge;};}</p><p>const p = new Person('Alice', 30);console.log(p.getName()); // 'Alice'console.log(p._name);     // undefinedp._age = -100;            // 无效，不影响内部 _age</p>

现代替代建议：优先用 # 私有字段（ES2022+）

虽然闭包方案依然有效且兼容性好，但新项目可考虑原生私有字段语法，语义更清晰、调试更友好。

• # 开头的字段真正私有，运行时不可枚举、不可访问
• 与闭包相比，内存模型更直观（不依赖作用域链维持引用）
• 若需支持旧浏览器，仍需回退到闭包模式

对比示例：

class Person {  #name;  #age;  constructor(name, age) {    this.#name = name;    this.#age = age;  }  getName() { return this.#name; }}