ES12 对于 JavaScript 类的扩展
在 ES6 中，JavaScript 引入了 class 语法，使得 JavaScript 可以使用面向对象的方式进行编程。然而，ES12 对类进行了进一步的扩展，来提供更多的功能和便利性。
- 私有属性和方法
在 ES6 中，JavaScript 提供了类的模板，但是并没有提供声明私有属性和方法的方式。这意味着，所有的属性和方法都是公共的，可以从类的外部进行访问和修改。
ES12 引入了私有字段（Private Field）的语法，即使用 # 来声明私有属性和方法。私有属性和方法不会暴露在类的实例上，也不会在类的外部进行访问和修改。
// javascriptcn.com 代码示例
class Person {
#name = '张三';
getName() {
return this.#name;
}
}
const person = new Person();
console.log(person.name); // undefined
console.log(person.getName()); // 张三在上面的例子中，#name 是一个私有属性，getName() 是一个公共方法，可以通过调用 getName() 方法来获取私有属性 #name 的值。
- 静态属性和方法
对于类的静态属性和方法，ES12 提供了更加优雅的语法。使用 static 关键字来定义静态属性和方法，可以直接通过类名进行访问，而不需要实例化类。
// javascriptcn.com 代码示例
class Animal {
static count = 0;
static getCount() {
return this.count;
}
}
console.log(Animal.count); // 0
console.log(Animal.getCount()); // 0在上面的例子中，count 是一个静态属性，getCount() 是一个静态方法。可以使用类名 Animal 直接访问和调用。
- 可选的 catch 绑定
在 ES12 之前，try-catch 语句需要捕获异常并将异常对象绑定到一个变量上。然而，在某些情况下，我们并不需要访问异常对象，这就导致了变量未使用的问题。
ES12 引入了可选的 catch 绑定，允许我们省略绑定异常对象的变量。同时，我们也可以通过绑定 _ 来表示不需要使用异常对象。
// javascriptcn.com 代码示例
try {
// do something
} catch {
// handle the exception
}
try {
// do something
} catch (_) {
// handle the exception
}在上面的例子中，catch 后没有绑定任何变量，表示不需要使用异常对象。
总结
ES12 对 JavaScript 类进行了扩展，提供了私有属性和方法、静态属性和方法、可选的 catch 绑定等功能。这些扩展使得类的编写更加方便和灵活，同时也带来了更好的代码风格和可读性。
在实际开发中，我们应该充分利用 ES12 的类扩展功能，写出更加简洁、优雅、易读的代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653772c27d4982a6ebff5d4b