用Symbol、ES10的class#和闭包实现JS私有属性

2023-10-16 08:34:18

在JavaScript中，私有属性一直是一个备受争议的话题。一方面，我们希望能够保护某些数据不被外界访问，另一方面，JavaScript的动态特性又使得这种保护变得困难。

在ES10中，class#语法为我们提供了一种新的方法来实现私有属性。使用这种语法，我们可以定义一个类，并在类的内部定义一个私有属性。这个属性只能在类的内部访问，在类的外部是无法访问的。

class MyClass {
  #privateProperty = 123;

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

const myObject = new MyClass();
console.log(myObject.#privateProperty); // 报错：#privateProperty is not accessible outside of class MyClass

除了class#语法之外，我们还可以使用闭包来实现私有属性。闭包是一个函数，它可以访问其父函数的局部变量，即使父函数已经执行完毕。我们可以利用这种特性来实现私有属性，将数据存储在闭包中，并通过闭包中的函数来访问这些数据。

function createMyObject() {
  let privateProperty = 123;

  return {
    getPrivateProperty: () => {
      return privateProperty;
    }
  };
}

const myObject = createMyObject();
console.log(myObject.privateProperty); // 报错：privateProperty is not defined

Symbol是一种新的数据类型，它可以用来创建唯一的标识符。我们可以利用Symbol来实现私有属性，将数据存储在一个Symbol类型的变量中，并通过Symbol类型的变量来访问这些数据。

const privateProperty = Symbol('privateProperty');

const myObject = {
  [privateProperty]: 123,

  getPrivateProperty() {
    return this[privateProperty];
  }
};

console.log(myObject[privateProperty]); // 123