介绍
ECMAScript 2021（ES2021）是 JavaScript 中一个重要的版本，它引入了许多新的特性和语言改进。其中，一个重要的特性就是 Private Fields（私有字段），它允许开发者在类中创建私有变量和方法，使得代码更加模块化和安全。
在这篇文章中，我们将全面地了解 ES2021 中的 Private Fields 特性，包括它的语法、实现方式、使用场景和示例代码。
语法
Private Fields 的语法非常简单，只需要在字段名前加上 # 符号即可。例如：
// www.javascriptcn.com code example
class Example {
#privateField = 42;
get #privateFieldValue() {
return this.#privateField;
}
set #privateFieldValue(value) {
this.#privateField = value;
}
publicMethod() {
return this.#privateFieldValue;
}
}实现方式
在 JavaScript 中，我们通常使用闭包（Closure）来模拟私有变量。例如：
// www.javascriptcn.com code example
function Example() {
var privateField = 42;
function privateMethod() {
return 'Hello, World!';
}
this.publicMethod = function () {
return privateField + privateMethod();
};
}在这个例子中，privateField 和 privateMethod 都是闭包中的变量和函数，无法被外部访问。而 publicMethod 可以使用这些私有变量和方法。
但是，这种方式仍然存在一些限制和问题。例如，每个实例都需要创建一个新的闭包，这会占用更多的内存。同时，这种方式也无法支持私有静态变量和方法。
因此，Private Fields 主要是为了解决这些问题而设计的。它使用了一种新的实现方式，基于 WeakMap 和属【getter】性和设置【setter】属性等原生特性。
使用场景
使用 Private Fields 可以带来很多好处，例如：
更好的封装性：使用 Private Fields 可以将不需要暴露给外部的成员变量和方法封装起来，从而保证了代码的安全性和灵活性。
更好的模块化：私有字段允许模块化设计，使得代码更加模块化和易于维护。
更少的内存使用：与使用闭包相比，Private Fields 可以减少内存占用。
示例代码
下面是一个使用 Private Fields 的示例：
// www.javascriptcn.com code example
class Person {
#name;
#age;
constructor(name, age) {
this.#name = name;
this.#age = age;
}
get name() {
return this.#name;
}
set name(value) {
this.#name = value;
}
get age() {
return this.#age;
}
set age(value) {
if (value < 0) {
throw new Error('Invalid age');
}
this.#age = value;
}
#privateMethod() {
console.log('This is a private method');
}
publicMethod() {
console.log(`My name is ${this.#name}, and I'm ${this.#age} years old.`);
this.#privateMethod();
}
}
const person = new Person('Alice', 30);
console.log(person.name); // Alice
person.name = 'Bob';
console.log(person.name); // Bob
console.log(person.age); // 30
person.age = 25;
console.log(person.age); // 25
person.publicMethod();在这个例子中，Person 类有两个私有字段 #name 和 #age，分别保存了人的姓名和年龄。它还有两个公共的成员变量 name 和 age，允许外部访问和修改。但在设置 age 值的时候，它会检查是否小于 0，如果小于 0 则会抛出一个错误。
Person 类还定义了一个私有方法 #privateMethod，用于输出一些私有信息。publicMethod 方法是一个公共方法，它使用私有字段和方法输出一些公共信息。
最后，我们创建了一个 Person 类的实例，并调用了它的一些公共方法和成员变量。这个例子显示了使用 Private Fields 可以轻松地实现类的封装和模块化，从而使代码更加安全和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67bfe3960c976d473a4da432