在 JavaScript 中，class 是一种用于创建对象的语法糖，它允许我们使用面向对象的方式来编写代码。ES6 中引入的 class 语法已经被广泛使用，而在 ES11 中，class 语法得到了进一步的增强和改进。在本文中，我们将深入探索 ES11 中的 class，并提供一些学习和指导意义的示例代码。
新的 class 属性
在 ES11 中，class 支持了一些新的属性，包括 name、prototype 和 constructor。
name 属性
在 ES6 中，class 的名称是一个匿名函数表达式，因此我们无法在运行时获取 class 的名称。而在 ES11 中，class 的名称可以作为其 name 属性的值来访问。
----- ------ -
----------------- -
--------- - -----
-
-
------------------------- -- --------prototype 属性
在 ES11 中，class 的 prototype 属性已经成为了一个非标准的属性。这个属性指向类的原型对象，我们可以通过它来访问类的原型方法和属性。
----- ------ -
----------------- -
--------- - -----
-
---------- -
------------------- ----------------
-
-
----- ------ - --- ---------------
------------------ -- ------- ------
------------------------------------- --- ----------------- -- ----constructor 属性
在 ES6 中，class 的 constructor 方法是必需的，而在 ES11 中，它变成了一个可选的属性。如果我们没有定义 constructor 方法，JavaScript 引擎会自动创建一个默认的构造函数。
----- ------ - ---- - ------- - ----- ------ - --- --------- ------------------------- -- ------
可选的私有字段
在 ES11 中，class 支持了可选的私有字段，这些字段只能在类的内部访问，外部无法访问。私有字段的名称必须以 # 开头。
----- ------ -
------
----------------- -
---------- - -----
-
--------- -
------ -----------
-
-
----- ------ - --- ---------------
------------------------------ -- ------
-------------------------- -- ------------ ------- ----- ------- ---- -- -------- -- -- --------- -----静态成员
在 ES11 中，class 支持了静态成员，这些成员属于类本身，而不是类的实例。静态成员可以通过类名来访问，也可以在类的内部使用 this 关键字来访问。
----- ------ -
------ ----- - --
----------------- -
--------- - -----
---------------
-
------ ---------- -
------ -------------
-
-
----- ------- - --- ---------------
----- ------- - --- ---------------
-------------------------- -- -
------------------------------- -- -继承
在 ES11 中，class 的继承和 ES6 中的方式是相同的，我们可以使用 extends 关键字来创建子类。
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-
----- --- ------- ------ -
------- -
------------------------- ---------
-
-
----- --- - --- -------------
------------ -- ------ -------总结
在 ES11 中，class 得到了一些增强和改进，包括新的属性、可选的私有字段、静态成员等。这些特性让我们更加方便地创建和使用类，并提高了代码的可读性和可维护性。通过学习本文中的示例代码，我们可以更好地掌握这些特性，并在实际项目中灵活运用它们。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/662f758ad3423812e4d6acd4