ES2020 中类的静态成员：为 JavaScript OOP 带来重要更新
JavaScript 是一门基于原型和运行时刻的脚本语言，而这种特殊设计亦使其成为一门独特的面向对象编程语言。在 JavaScript 中，类是一种非常常用且有用的数据类型，作为一种继承机制的实现，类在 JavaScript 中占据了重要的一席之地。而随着 ES2020 版本的发布，JavaScript 中的类又迎来了一波重要更新。
类的静态成员
ES2020 中，JavaScript 增加了一种新的属性，即静态成员。类的静态成员是指不依赖实例而存在的成员，即所有实例共享的成员。它的语法非常简单，可以直接通过 static 关键字来定义，定义方式如下所示：
class Demo {
static staticMethod() {
console.log('Hello World');
}
}
Demo.staticMethod(); // Hello World如上所示，通过将函数定义在 class 内部并使用 static 关键字来定义一个静态方法，与普通方法的定义方式略有不同。
作为类的一部分，静态方法和静态属性与普通方法和属性的区别是它们并不关注于实例，而是类本身。这意味着，无论类的任何实例都会共享这些成员。
一些细节问题
静态成员在类中的作用域与实例方法一样都是 class 内部，被声明为 static 的属性和方法并不会被 class 的实例对象所访问到，而是通过点语法直接访问 class 本身来访问。举个例子：
-- -------------------- ---- ------- ----- ---- - ------ --- - -- -- ---- ------ ----- - ----------- - -- ---- ---------------- - -------- - ---- - -------- - ------ --------- - -- ---- - ----- ----- - --- -------- ----- ----- - --- -------- ----------- -- ----- - ---------------------- -- - ---------------------------- -- - ---------------------------- -- - ----------------------- -- --------- -- --------------
从上述代码可以看出，静态属性和静态方法都属于 class 本身，而不是实例对象。因此，在实例对象上是无法访问静态成员的，直接访问会返回 undefined。
使用静态成员的好处
静态成员的使用在某些场景下十分有用，它们使得类的设计更具优雅性，利于代码的复用和管理。
首先，静态成员使得类的成员更加自然。比如，对于一些工具类，不希望每次使用时都需要实例化一个对象，那么使用静态方法和属性就更加合适。同时，它们的使用也能很好地体现出黑箱原则，即实现了逻辑的封装性和隐藏性，使得实例对象更加简单。
其次，静态成员还能够减少代码冗余。在某些场景下，我们需要为不同的实例对象增加相同的方法，那么我们可以使用静态方法来减少代码冗余，而不需要使用每个实例对象都单独实现方法。
最后，静态成员还能够管理整个类的状态。比如，某些工厂类需要统计自身总共产生了多少实例对象，那么我们可以使用静态属性来管理类的状态。
总结
ES2020 中的静态成员为 JavaScript OOP 带来了重要更新，它能够有效地提高类的设计优雅性和代码的管理性，使得实际应用中的类更加强大和灵活。然而，我们在使用静态成员的时候，需要注意静态成员的作用域和用法，合理使用才能充分发挥其优点。
注：本文参考了阮一峰的博客。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ef1900f6b2d6eab391c824