在 ECMAScript 2021 中，class 静态类成员是一项非常重要的特性。静态类成员是指那些与实例无关的类成员，它们只与类本身有关，可以理解为类级别的数据和函数。
在本文中，我们将深入探讨 ECMAScript 2021 中的 class 静态类成员，包括其定义、使用方法以及对于代码编写的指导意义。让我们开始学习吧！
定义静态类成员
定义静态类成员非常简单，只需在 class 中通过 static 关键字来定义即可。
例如，我们可以定义一个类，名为 Car，其中包含一个静态类属性 numberOfWheels 和一个静态类方法 getNumberOfWheels。
class Car {
static numberOfWheels = 4;
static getNumberOfWheels() {
return Car.numberOfWheels;
}
}在上述代码中，我们定义了一个名为 Car 的 class，其中存在一个静态类属性 numberOfWheels，其值为 4，同时还定义了一个静态类方法 getNumberOfWheels，用于返回 numberOfWheels 属性的值。
使用静态类成员
使用静态类成员也非常简单。在代码中，可以通过类名来访问静态类成员，无需创建实例。
例如，我们可以访问之前定义的 Car 类的静态类成员，如下所示：
console.log(Car.numberOfWheels); // 输出 4 console.log(Car.getNumberOfWheels()); // 输出 4
在上述代码中，我们使用 Car 类名来访问静态类成员。我们可以看到，访问类属性时无需前缀，而访问类方法时需要使用圆括号。
静态类成员的指导意义
静态类成员的出现为代码编写带来了很多方便。与实例方法和实例属性相比，静态类成员更加紧密地与类本身相关，可以更好地体现对象的本质。
同时，静态类成员还可以用于实现单例模式。例如，我们可以创建一个静态类属性 instance，用于存储单例对象，并创建一个静态类方法 getInstance，用于返回单例对象。这样，使用者在使用该类时无需重复构建实例，而是每次都可以通过静态类方法获取实例。
-- -------------------- ---- -------
----- -------------- -
------ ---------
------------- -
-- ------------------------- -
------ ------------------------
-
----------------------- - -----
-
------ ------------- -
-- -------------------------- -
----------------------- - --- -----------------
-
------ ------------------------
-
-上述代码中，我们创建了一个名为 SingletonClass 的类，在类中定义了一个静态类属性 instance 和一个构造函数。在构造函数中，如果已经存在一个实例，则直接返回这个实例，否则就将当前实例赋值给 instance 静态属性。我们还定义了一个静态类方法 getInstance，用于返回单例对象。这样，我们每次使用这个类时，都可以通过 getInstance 方法获取唯一的实例对象。
总结
在本文中，我们探讨了 ECMAScript 2021 中的 class 静态类成员，包括其定义、使用方法以及对于代码编写的指导意义。学习了本文之后，您可以更好地理解静态类成员的概念，并在代码编写过程中更好地使用它们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64913dcd48841e9894f3d9da