ES6中定义私有属性详解

news2025/1/5 8:23:08

在ES6中，定义私有属性的方式相对传统的JavaScript有所不同。ES6并没有提供直接的语法来定义私有属性，但可以通过几种方法间接实现私有属性。

1. 使用`Symbol`来模拟私有属性

Symbol是一种新的数据类型，可以作为对象的键，并且它的值是唯一的，不容易被外部访问或修改。

示例：

const _privateProperty = Symbol('privateProperty');

class MyClass {
  constructor(value) {
    this[_privateProperty] = value;
  }

  get privateProperty() {
    return this[_privateProperty];
  }
}

const obj = new MyClass(42);
console.log(obj.privateProperty); // 输出 42
console.log(obj._privateProperty);     // 输出 undefined

_privateProperty是一个Symbol，它唯一且不会被外部访问（除非通过同样的Symbol引用）。
this[_privateProperty]用于存储私有数据。
外部无法直接通过obj._privateProperty访问这个属性，只有通过privatePropertyget方法才能访问。

2. 使用`WeakMap`来模拟私有属性

WeakMap是一种键值对集合，其中的键必须是对象，而值可以是任何数据类型。WeakMap的键是弱引用，不会阻止垃圾回收机制清理这些键。

示例：

const privateProps = new WeakMap();

class MyClass {
  constructor(value) {
    privateProps.set(this, { privateProperty: value });
  }

  get privateProperty() {
    return privateProps.get(this).privateProperty;
  }
}

const obj = new MyClass(42);
console.log(obj.privateProperty); // 输出 42

privateProps是一个WeakMap，用于存储对象的私有属性。
privateProps.set(this, { privateProperty: value })将私有属性与实例关联。
privateProps.get(this)通过实例来获取私有属性。

3. 使用ES2022中的类字段语法（`#`符号）

在ES2022（ES13）中，JavaScript正式引入了类字段语法，通过使用#符号来定义私有属性。这是最直接和现代的方式。

示例：

class MyClass {
  #privateProperty;

  constructor(value) {
    this.#privateProperty = value;
  }

  get privateProperty() {
    return this.#privateProperty;
  }
}

const obj = new MyClass(42);
console.log(obj.privateProperty); // 输出 42
console.log(obj.#privateProperty);     // 会抛出 SyntaxError: Private field '#privateProperty' must be declared in an enclosing class