ECMAScript 2021（ES12）中的 class 字段初始化器为 JavaScript 类的创建提供了一种新方法，使其更加简化和直观。它是一种新的语法糖，允许我们在类定义中直接初始化类的属性。在本文中，我们将深入研究这个新特性并提供一些示例代码和指导意义。
什么是 class 字段初始化器？
在 ES6 之前，我们需要在类的构造函数中手动初始化每个属性。例如，下面是一个简单的 ES5 类：
function Person(name, age) {
this.name = name;
this.age = age;
}这个类有两个属性：name 和 age。在构造函数中，我们手动初始化了这些属性。但是，当类拥有更多属性时，这个过程会变得非常繁琐。为了避免这个问题，ES6 引入了类字段。我们可以像这样使用它们：
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
}ES6 中的类字段使我们能够在类定义中声明类的属性。这个特性在 ES2021 中得到了扩展。现在，我们可以在类定义中直接初始化类的属性，而不需要在构造函数中手动初始化它们。
如何使用 class 字段初始化器？
我们可以使用等号 = 来初始化类的字段，就像这样：
class Person {
name = 'John';
age = 30;
}在这个例子中，我们初始化了 name 和 age 字段。这意味着我们不需要在构造函数中手动初始化它们。这个类的构造函数现在可以被简化为：
class Person {
constructor() {}
}我们可以使用类字段初始化器来定义默认值。例如，下面的代码定义了一个名为 Person 的类，其中 name 和 age 字段都有默认值：
-- -------------------- ---- -------
----- ------ -
---- - -------
--- - ---
----------------- ---- -
-- ------ -
--------- - -----
-
-- ----- -
-------- - ----
-
-
-在这个例子中，我们定义了一个构造函数，它接受 name 和 age 参数。如果这些参数被提供，它们将被用来覆盖默认值。否则，默认值将被使用。
class 字段初始化器的指导意义
class 字段初始化器提供了一种更简单和更直观的方式来定义类的属性。它使我们能够更容易地阅读和编写代码。在编写代码时，我们不需要在构造函数中手动初始化每个属性。相反，我们可以在类定义中直接初始化它们。这使得代码更加简洁和易于维护。
此外，类字段初始化器还使我们能够更容易地定义默认值。我们可以在类定义中为每个字段设置默认值，而不需要在构造函数中手动初始化它们。这使得代码更加清晰和易于理解。
示例代码
以下是一个使用类字段初始化器的示例代码：
-- -------------------- ---- -------
----- ------ -
---- - -------
--- - ---
----------------- ---- -
-- ------ -
--------- - -----
-
-- ----- -
-------- - ----
-
-
---------- -
------------------- -- ---- -- ------------ --- - -- ----------- ----- -------
-
-
----- ---- - --- ---------
---------------- -- ------- ------ -- ---- -- ---- --- - -- -- ----- ----
----- --- - --- ------------- ----
--------------- -- ------- ------ -- ---- -- --- --- - -- -- ----- ----在这个示例代码中，我们定义了一个名为 Person 的类，它有两个字段：name 和 age。这些字段都有默认值。我们还定义了一个构造函数，它接受 name 和 age 参数。如果这些参数被提供，它们将被用来覆盖默认值。否则，默认值将被使用。
我们还定义了一个 sayHello 方法，它使用 name 和 age 字段来输出问候语。我们创建了两个 Person 对象：john 和 bob。我们调用了他们的 sayHello 方法，以验证它们的属性被正确初始化。
结论
类字段初始化器是 ECMAScript 2021（ES12）中一个非常有用的新特性。它使我们能够更容易地定义类的属性，并提供了一种更简单和更直观的方式来编写代码。此外，它还使我们能够更容易地定义默认值，使代码更加清晰和易于理解。如果你是一个 JavaScript 开发人员，那么你应该学习如何使用类字段初始化器，因为它将使你的代码更加简洁、易于阅读和易于维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675c960ce5138b922284f646