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