随着前端技术的不断发展，面向对象编程也变得越来越重要。在 ECMAScript 的最新标准 ES9 中，私有字段（Private Fields）的引入为面向对象编程带来了新的革新，使得我们能够更好地封装和保护对象的属性和方法，提高代码的可维护性和安全性。
什么是私有字段？
在传统的面向对象编程中，我们通常使用下划线前缀的命名方式来表示一个属性或方法是私有的，如：
// www.javascriptcn.com code example
class Person {
constructor(name, age) {
this._name = name;
this._age = age;
}
_getFullName() {
return `${this._name} is ${this._age} years old`;
}
sayHello() {
console.log(this._getFullName());
}
}
const p = new Person('Jack', 20);
p.sayHello(); // Jack is 20 years old在上面的例子中，_name 和 _age 是私有属性，而 _getFullName() 是私有方法。这些属性和方法都不应该被外部直接访问和修改，因为这可能会导致对象状态的不一致和安全问题。但是，这种方式只是一种约定，实际上并不能真正保护属性和方法的私有性。
ES9 中的私有字段是一种更加严格的方式来表示属性和方法的私有性。私有字段只能在类内部访问，外部无法访问和修改。私有字段的命名方式是以 # 开头，如：
// www.javascriptcn.com code example
class Person {
#name;
#age;
constructor(name, age) {
this.#name = name;
this.#age = age;
}
#getFullName() {
return `${this.#name} is ${this.#age} years old`;
}
sayHello() {
console.log(this.#getFullName());
}
}
const p = new Person('Jack', 20);
p.sayHello(); // Jack is 20 years old
console.log(p.#name); // SyntaxError: Private field '#name' must be declared in an enclosing class在上面的例子中，#name 和 #age 是私有字段，只能在类内部访问。而 #getFullName() 是私有方法，也只能在类内部访问。外部无法访问和修改这些私有字段和方法。
私有字段的优点
私有字段的引入为面向对象编程带来了以下优点：
1. 更好的封装性
私有字段可以更好地封装对象的属性和方法，防止外部直接访问和修改，从而保证对象状态的一致性和安全性。
2. 更高的可维护性
私有字段可以减少对象属性和方法的暴露，从而使得代码更加清晰和易于维护。
3. 更好的扩展性
私有字段可以避免对象属性和方法的命名冲突，从而使得代码更加易于扩展和维护。
注意事项
使用私有字段时需要注意以下几点：
1. 私有字段只能在类内部访问
私有字段只能在类内部访问，外部无法访问和修改。这意味着我们无法通过继承来访问父类的私有字段。
2. 私有字段不能被继承和覆盖
私有字段不能被子类继承和覆盖，这意味着我们无法在子类中扩展父类的私有字段。
3. 私有字段不能被迭代
私有字段不能被迭代，这意味着我们无法使用 for...in 或 Object.keys() 等方法来遍历对象的私有字段。
示例代码
下面是使用私有字段实现一个简单的计数器的示例代码：
// www.javascriptcn.com code example
class Counter {
#count = 0;
getCount() {
return this.#count;
}
increment() {
this.#count++;
}
decrement() {
this.#count--;
}
}
const c = new Counter();
console.log(c.getCount()); // 0
c.increment();
console.log(c.getCount()); // 1
c.decrement();
console.log(c.getCount()); // 0
console.log(c.#count); // SyntaxError: Private field '#count' must be declared in an enclosing class在上面的例子中，#count 是私有字段，只能在类内部访问。getCount()、increment() 和 decrement() 是公共方法，可以被外部访问。这样就实现了一个简单的计数器，外部无法直接访问和修改计数器的值，而只能通过公共方法来操作计数器。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d922a5a941bf71340a3732