JavaScript中的私有/静态属性介绍

当我们谈到JavaScript中的“私有”和“静态”属性时，我们实际上是在谈论不同类型的属性。

私有属性

私有属性是指只能在类的内部使用的属性。这意味着它们不能通过类的实例或外部访问。为了理解私有属性，让我们来看一个简单的例子：

class Person {
  #name = '';

  set name(name) {
    this.#name = name;
  }

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

在这个例子中，我们使用了一个带有井号（#）前缀的变量名来定义私有属性name。在set name和get name方法中，我们可以访问这个私有属性。

const person = new Person();
person.name = 'John Doe'; // 使用 setter 方法设置私有属性
console.log(person.#name); // 这里会报错，因为私有属性不能被访问
console.log(person.name); // 使用 getter 方法访问私有属性

可以看出，我们不能直接访问私有属性，但可以通过公共接口来存储和检索这些属性。

静态属性

与私有属性不同，静态属性是绑定到类本身的属性而不是类的实例。静态属性对于存储与类相关的信息非常有用，例如类的版本号、缺省值或敏感信息，因为它们不会被多个类实例所访问或更改。让我们来看一个例子：

class MyClass {
  static PI = 3.14159;
  static HELLO = 'Hello, World!';
}

console.log(MyClass.PI); // 3.14159
console.log(MyClass.HELLO); // Hello, World!

在这个例子中，我们使用static关键字将PI和HELLO静态属性绑定到MyClass本身上。我们可以使用MyClass.PI和MyClass.HELLO来访问这些属性，而不需要创建MyClass的实例。

另一个示例：

class Task {
  static taskCount = 0;

  constructor(name) {
    this.name = name;
    Task.taskCount++;
  }

  static count() {
    return Task.taskCount;
  }
}

let task1 = new Task('任务1');
let task2 = new Task('任务2');

console.log(Task.count()); // 2

这个例子中，我们使用静态属性taskCount来记录Task类的实例数量。在每次创建任务的时候，我们增加计数器，然后通过静态方法count返回实例数量。 注意，我们可以从静态方法count中访问静态属性taskCount。

通过使用静态属性和方法，我们可以方便地记录类相关的信息，而不必担心另一个类实例会更改或访问这些值。