ES9（也称为 ES2018）是 ECMAScript 的第九个版本，其中引入了一些新的语言特性，其中包括静态类字段和类私有成员。这些新特性为前端开发者提供了更多的工具来创建更安全、更灵活的代码。
静态类字段
静态类字段是一种可以在类级别上定义的字段，它们不属于类的实例，而是属于类本身。这意味着你可以在不实例化类的情况下访问和修改这些字段。静态类字段可以用来存储与类相关的数据，例如计数器或全局配置。
下面是一个示例类，其中定义了一个静态类字段 count：
class Person {
static count = 0;
constructor(name) {
this.name = name;
Person.count++;
}
}在这个类中，每次创建一个新的 Person 实例时，count 的值都会自增。你可以通过类名直接访问这个静态类字段：
console.log(Person.count); // 0
const alice = new Person('Alice');
console.log(Person.count); // 1
const bob = new Person('Bob');
console.log(Person.count); // 2类私有成员
类私有成员是一种只能在类内部访问的字段或方法。这些成员不能从类外部访问或修改，这可以帮助保护你的代码免受意外修改或滥用。类私有成员可以用来存储与类相关的敏感数据，例如密码或令牌。
在 ES9 中，类私有成员使用特殊的命名约定来实现，即在字段或方法名称前面添加一个井号（#）：
class Person {
#password = '123456';
checkPassword(password) {
return password === this.#password;
}
}在这个类中，#password 是一个私有字段，只能在类内部访问。checkPassword 方法可以访问这个私有字段，但是外部代码无法直接访问或修改它：
const alice = new Person();
console.log(alice.#password); // SyntaxError
console.log(alice.checkPassword('123456')); // true
console.log(alice.checkPassword('password')); // false总结
ES9 中的静态类字段和类私有成员是两个强大的新特性，它们为前端开发者提供了更多的工具来创建更安全、更灵活的代码。静态类字段可以用来存储与类相关的数据，而类私有成员可以用来存储敏感数据。记住，在定义类私有成员时，要在名称前面添加一个井号（#），以便将其标记为私有成员。
希望这篇文章对你有所帮助，让你更好地理解 ES9 中的静态类字段和类私有成员。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656bd9e9d2f5e1655d436220