随着 JavaScript 的发展，class 已经成为了面向对象编程的一个重要特性。在 ECMAScript 2021 中，class 的一些新特性被引入，这些新特性可以帮助开发者更方便地编写面向对象的 JavaScript 代码。本文将介绍 ECMAScript 2021 中关于 class 的新特性，包括私有字段、静态成员和更好的继承支持。
私有字段
在 ECMAScript 2021 中，可以通过在 class 中使用 # 符号定义私有字段。这些私有字段只能在 class 内部访问，而不能从外部访问。这个特性可以帮助开发者更好地封装 class 的实现细节，避免一些意外的错误。
下面是一个使用私有字段的示例代码：
-- -------------------- ---- -------
----- ------ -
------
----------------- -
---------- - -----
-
--------- -
------ -----------
-
-
----- ------ - --- --------------
------------------------------ -- -- -----
-------------------------- -- -------- -------------在上面的示例代码中，#name 是 Person class 的私有字段，它只能在 class 内部访问。getName 方法可以访问 #name，但是外部代码不能访问 #name。
静态成员
在 ECMAScript 2021 中，可以通过 static 关键字定义静态成员。这些静态成员是与 class 相关联的，而不是与 class 的实例相关联的。这个特性可以帮助开发者更方便地编写与 class 相关的工具函数。
下面是一个使用静态成员的示例代码：
-- -------------------- ---- -------
----- ------ -
------ ------ - --
----------------- -
--------- - -----
----------------
-
------ ---------- -
------ --------------
-
-
----- ------- - --- --------------
----- ------- - --- ----------------
------------------------------- -- -- -------- --------
-------------------------------- -- ----------- --------------
---------------------------- -- --------- ---------------在上面的示例代码中，#count 是 Person class 的私有静态字段，它只能在 class 内部访问。getCount 方法是一个静态方法，它可以访问 #count，但是不能在实例上调用。外部代码也不能访问 #count。
更好的继承支持
在 ECMAScript 2021 中，class 的继承也得到了一些改进。现在，可以通过 super 关键字访问父类的静态方法和私有方法。这个特性可以帮助开发者更方便地编写继承相关的代码。
下面是一个使用 super 访问父类静态方法的示例代码：
-- -------------------- ---- -------
----- ------ -
------ ------ - --
----------------- -
--------- - -----
----------------
-
------ ---------- -
------ --------------
-
-
----- --- ------- ------ -
----------------- -
------------
-
------ ---------- -
------ -----------------
-
-
----- ---- - --- -----------
----- ---- - --- -------------
---------------------------- -- -- ---------- ------------- ----- -------- --------
----------------------------- -- ----------- --------------
------------------------- -- --------- ---------------在上面的示例代码中，Dog 继承自 Animal，它重写了 Animal 的静态方法 getCount。在 Dog 的 getCount 方法中，通过 super.getCount() 调用了父类 Animal 的 getCount 方法。
总结
ECMAScript 2021 中引入了一些新特性，包括私有字段、静态成员和更好的继承支持。这些新特性可以帮助开发者更方便地编写面向对象的 JavaScript 代码。在实际开发中，我们可以根据具体的需求选择使用这些新特性，以提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/661239f5d10417a2222d2703