JS创建私有变量：闭包、Symbol、WeakMap与#字段详解

1、使用闭包（Closure）模拟私有变量

利用闭包机制，可以将变量封装在函数作用域内，从而阻止外部直接访问。这种封装方式有效保障了数据的安全性与独立性。

function MyClass() {
  // 私有变量
  let privateVar = 'I am private';

  // 公共方法
  this.getPrivateVar = function() {
    return privateVar;
  }

  this.setPrivateVar = function(value) {
    privateVar = value;
  }
}

const myInstance = new MyClass();
console.log(myInstance.getPrivateVar());  // "I am private"
myInstance.setPrivateVar('New Value');
console.log(myInstance.getPrivateVar());  // "New Value"
console.log(myInstance.privateVar);  // undefined (无法直接访问私有变量)

在此方案中，`privateVar` 作为私有变量被封闭在构造函数内部，外部代码无法直接读取。开发者需通过 `getPrivateVar` 和 `setPrivateVar` 这两个公共方法来间接获取或修改其值。

具体实现逻辑如下：

`privateVar` 是定义在 `MyClass` 构造函数内的局部变量。
`getPrivateVar` 和 `setPrivateVar` 函数作为闭包的一部分，能够访问并操作该局部变量。即使这些方法被返回并在构造函数外部执行，`privateVar` 依然保持私有状态，外部无法直接访问。

这一机制体现了闭包的核心特性：

词法作用域：函数在定义时即确定其可访问的变量范围，而非在执行时才确定。
数据访问控制：外部代码无法直接触及 `privateVar`，但可通过公共方法（如 `getPrivateVar` 和 `setPrivateVar`）进行间接访问或修改。

其中，词法作用域（亦称静态作用域）意味着变量在创建时作用域即已确定，而非运行阶段。JavaScript 语言规范遵循词法作用域规则。

2、使用 ES6 Symbol（符号）模拟私有变量

Symbol 是 ES6 引入的基础数据类型，可用作对象唯一的属性键，从而避免外部直接访问。利用 Symbol 可以构建伪私有变量。

Symbol 是 ES6 引入的一种原始数据类型，代表独一无二且不可变的值。即使描述字符串相同，每个通过 `Symbol()` 创建的值也是唯一的。

const privateVar = Symbol('privateVar');

class MyClass {
  constructor() {
    this[privateVar] = 'I am private';
  }

  getPrivateVar() {
    return this[privateVar];
  }

  setPrivateVar(value) {
    this[privateVar] = value;
  }
}

const myInstance = new MyClass();
console.log(myInstance.getPrivateVar());  // "I am private"
myInstance.setPrivateVar('New Value');
console.log(myInstance.getPrivateVar());  // "New Value"
console.log(myInstance[privateVar]);  // undefined (无法直接访问私有变量)

使用 Symbol 能有效避免变量名冲突，且 `privateVar` 作为 Symbol 类型，外部无法直接访问。

具体而言：

`privateVar` 是一个 Symbol 对象，作为 `MyClass` 对象的私有属性键。
`this[privateVar]` 用于存储私有变量的值。由于该属性由 Symbol 创建，外部无法通过 `myInstance.privateVar` 或 `myInstance['privateVar']` 直接访问，因为外部无法获知该 Symbol 的具体值。
通过 `getPrivateVar` 和 `setPrivateVar` 方法，外部可以间接访问或修改该私有变量的值。

3、使用 WeakMap 模拟私有变量

WeakMap 是一种键值对集合，其键必须是对象，值可为任意类型。利用 WeakMap，可将私有数据存储在外部的 WeakMap 实例中，确保数据与对象生命周期关联，同时防止外部直接访问。

const privateVars = new WeakMap();

class MyClass {
  constructor() {
    privateVars.set(this, { privateVar: 'I am private' });
  }

  getPrivateVar() {
    return privateVars.get(this).privateVar;
  }

  setPrivateVar(value) {
    privateVars.get(this).privateVar = value;
  }
}

const myInstance = new MyClass();
console.log(myInstance.getPrivateVar());  // "I am private"
myInstance.setPrivateVar('New Value');
console.log(myInstance.getPrivateVar());  // "New Value"
console.log(privateVars.get(myInstance));  // { privateVar: 'New Value' } (直接访问 WeakMap)

`privateVars` 存储了对象实例的私有数据。WeakMap 会将数据与对象生命周期关联，且不会阻碍垃圾回收机制。

4、使用 ES2022 的 # 私有字段

在 ES2022 标准中，JavaScript 引入了类的私有字段（#）。使用 # 前缀定义的字段在类外部无法直接访问，这是原生支持的私有变量实现方式。

class MyClass {
  #privateVar;  // 私有字段

  constructor() {
    this.#privateVar = 'I am private';
  }

  getPrivateVar() {
    return this.#privateVar;
  }

  setPrivateVar(value) {
    this.#privateVar = value;
  }
}

const myInstance = new MyClass();
console.log(myInstance.getPrivateVar());  // "I am private"
myInstance.setPrivateVar('New Value');
console.log(myInstance.getPrivateVar());  // "New Value"
console.log(myInstance.#privateVar);  // SyntaxError: Private field '#privateVar' must be declared in an enclosing class

`#privateVar` 是私有字段，外部无法访问，仅类内部方法可操作。

总结

到此这篇关于JS中如何创建私有变量的文章就介绍到这了,更多相关JS创建私有变量内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！

JavaScript 实现私有变量的四种主流方案解析

1、使用闭包（Closure）模拟私有变量

2、使用 ES6 Symbol（符号）模拟私有变量

3、使用 WeakMap 模拟私有变量

4、使用 ES2022 的 # 私有字段

总结

实用工具推荐