前言
ECMAScript 2020 是 JavaScript 的最新版本，该版本引入了一些新特性和语法糖。其中，class 和 static 字段是两个新的重要特性。本文将会介绍 class 和 static 字段的基本用法，以及它们在实际开发中的应用。
class 字段
基本概念
class 字段是 ECMAScript 2020 中新增的一项特性，它允许为类添加实例字段。在之前的版本中，如果要定义实例字段，需要在构造函数中手动添加。
定义类字段的语法如下：
class MyClass {
myField = 'Hello, World!';
constructor() {
// ...
}
}上述代码中，我们向 MyClass 类添加了一个名为 myField 的实例字段，并为其设置了一个默认值。这样，在使用 MyClass 类创建实例时，该实例就会自动初始化 myField 属性。
特点
class 字段具有以下特点：
它是实例级别的，即每个实例都有自己的独立字段。
它可以包含任何 JavaScript 值，如字符串、数字、对象等。
它可以在类定义时直接赋值，默认值会在实例化时生效。
示例代码
下面是一个使用 class 字段的示例：
-- -------------------- ---- -------
----- ------- -
------- - ------- --------
------------- -
--------------------------
-
-
----- ---------- - --- ---------- -- --- ------- -------在上述代码中，我们定义了一个 MyClass 类，它包含一个名为 myField 的实例字段，并在构造函数中打印了该字段的值。在创建 MyClass 实例时，构造函数会自动执行，并打印出 myField 属性的值。
static 字段
基本概念
static 字段是 ECMAScript 2020 中新增的另一个特性。它允许为类添加静态字段，静态字段属于类本身而非实例。
定义静态字段的语法如下：
class MyClass {
static myStaticField = 'Hello, World!';
constructor() {
// ...
}
}上述代码中，我们向 MyClass 类添加了一个名为 myStaticField 的静态字段，并为其设置了一个默认值。这样，在使用 MyClass 类时，可以通过类本身访问 myStaticField 字段。
特点
static 字段具有以下特点：
它是类级别的，即所有实例共享同一份静态字段。
它可以包含任何 JavaScript 值，如字符串、数字、对象等。
它可以在类定义时直接赋值，默认值会在创建实例之前生效。
示例代码
下面是一个使用 static 字段的示例：
-- -------------------- ---- -------
----- ------- -
------ ------------- - ------- --------
------------- -
-- ---
-
-
----------------------------------- -- --- ------- -------在上述代码中，我们定义了一个 MyClass 类，它包含一个名为 myStaticField 的静态字段。在代码的最后，我们通过类本身访问了 myStaticField 字段并将其输出。
如何选择使用 class 字段和 static 字段
在实际开发中，我们需要根据具体的需求选择使用 class 字段或 static 字段。
一般来说，如果需要在每个实例中保留一个独立的属性值，就使用 class 字段。例如：
-- -------------------- ---- ------- ----- ------ - ---- - ---------- - ----- ------- - --- --------- ----- ------- - --- --------- -------------------------- -- --- --------- -------------------------- -- --- --------- ------------ - -------- -------------------------- -- --- ------- -------------------------- -- --- ---------
在上述代码中，我们定义了一个 Person 类，它包含一个名为 name 的实例字段。在创建 Person 实例时，默认值为 "default"。当我们修改 person1 的 name 属性值时，person2 对应的 name 属性不会跟着改变。
而如果需要在多个实例之间共享某个属性值，就使用 static 字段。例如：
-- -------------------- ---- -------
----- ------- -
------ ----- - --
------------- -
----------------
-
-
----- -------- - --- ----------
----- -------- - --- ----------
--------------------------- -- --- -在上述代码中，我们定义了一个 Student 类，它包含一个名为 count 的静态字段。在创建 Student 实例时，会逐步增加 count 的值，从而记录了创建了多少个实例。而 count 是一个静态字段，因此所有 Student 类的实例都共享该属性值。
结论
ECMAScript 2020 引入了 class 字段和 static 字段两个新特性，它们在面向对象编程中可以帮助我们更方便地添加实例属性和类属性。在实际使用中，我们需要根据不同的需求选择使用哪种类型的字段。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67511c60050cf9039c1a6fd9