在 ECMAScript 2017 中，静态属性和方法被引入，这为开发人员提供了更多的灵活性和可读性。在本文中，我们将详细探讨静态属性和方法的概念、用法和示例，帮助您更好地理解和应用它们。
静态属性
在过去，要定义一个静态变量，通常是定义一个类变量，并在该类的所有实例之间共享。现在，在 ECMAScript 2017 中，有了更简单的方法来定义静态属性。
在类声明中，任何在类本身上而不是实例上定义的属性都是静态属性。可以使用关键字 static 来定义静态属性，如下所示：
class MyClass {
static myStaticProperty = 42;
constructor() {
console.log(MyClass.myStaticProperty);
}
}在这个例子中，我们定义了一个静态属性 myStaticProperty，它的默认值为 42。在类的构造函数中，我们可以通过 MyClass.myStaticProperty 来访问静态属性。
静态方法
与静态属性类似，在类声明中，任何在类本身上而不是实例上定义的方法都是静态方法。静态方法可以用来执行与类相关的操作，例如创建新实例或访问静态属性。
在类声明中，可以使用关键字 static 来定义静态方法，如下所示：
-- -------------------- ---- -------
----- ------- -
------ ---------------- -
------------------- ---------
-
------------- -
-------------------------
-
-在这个例子中，我们定义了一个静态方法 myStaticMethod，它打印出 'Hello, World!'。在构造函数中，我们调用 MyClass.myStaticMethod() 来执行静态方法。
静态属性和方法示例
为了更直观地了解静态属性和方法，我们可以看一个完整的类示例，如下所示：
-- -------------------- ---- -------
----- ------ -
------ --------------- - --
----------------- -
---------- - -----
-------------------------
-
------ --------- -
------------------ --- ------------------------- -----------
-
--- ------ -
------ -----------
-
-
--- --- - --- --------------
--- --- - --- --------------
----------------- -- -- ------ --- - ---------
---------------------- -- -- -----
---------------------- -- -- -----在这个例子中，我们定义了一个 Animal 类，它有一个静态属性 numberOfAnimals 和一个静态方法 howMany。在 Animal 的构造函数中，我们将 numberOfAnimals++，以在每次实例化时增加动物数量。在 howMany 方法中，我们使用 console.log 输出动物总数。在创建 cat 和 dog 实例时，我们将它们的名称设置为 'Cat' 和 'Dog'，并通过访问实例的 name 属性来打印出它们的名称。最后，我们调用 Animal.howMany() 来输出动物的总数。
总结
静态属性和方法在 ECMAScript 2017 中被引入，可以使代码更加清晰和可读，并为开发人员提供更多的灵活性和控制。希望本文能帮助您更好地理解和应用这些新特性，在您的下一个项目中使用它们！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c2616f83d39b488165e5bb