作为前端开发者，你一定对于 class 这个关键字不陌生。class 是 JavaScript 中的一个重要概念，用于定义对象的构造函数。在 ECMAScript 2017 中，class 的用法进行了一些改进，我们本文将详细讲解如何在 ECMAScript 2017 中正确使用 class 关键字。
理解 class
class 是 JavaScript 中定义对象的关键字，在 ES6 中引入了 class，它本质上仍然是一种构造函数的语法糖。使用 class 语法糖可以更加方便地创建个对象，而不必像 ES5 时代那样手动定义构造函数。
class 的语法如下：
-- -------------------- ---- -------
----- ------- -
------------- -
--------- - ------
-
-------- -
-- ---
-
-这里我们定义了一个名为 MyClass 的类。类有两个部分：构造函数和方法。constructor 方法在实例化时被调用，method 方法是类的公共方法，用于访问类的属性和执行操作。
class 的继承
在 ECMAScript 2017 中，你可以用 class 继承另一个类。这是一种简单的方法来创建，在已存在的类的基础上创建新类。这里有一个继承示例：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-
----- --- ------- ------ -
----------------- -
------------ -- ------------ -----
-
------- -
------------------------- ---------
-
-
--- - - --- --------------
---------- -- -- ------- -------在这个示例中，我们先定义了一个 Animal 类，然后设定了它的构造函数和 speak 方法。我们还定义了一个继承自 Animal 的 Dog 类。在我们调用 Dog 类时，它会调用父类 Animal 的构造函数，并通过 super 关键字传递参数。最后，我们使用 d = new Dog('Mitzie') 创建了一个 Dog 实例，并调用其 speak 方法。
属性定义
在 ECMAScript 2017 中，class 关键字引入了一种新的方式来定义类的属性。在类的方法之外，你可以使用 static 关键字来创建静态属性，而不是将它们定义为构造函数中的属性。下面是一个静态属性的用法示例：
-- -------------------- ---- -------
----- ----- -
------ ------- - ----- ---------
----------------- ---- -
--------- - -----
-------- - ----
-
------- -
--------------- ---- -- ---------------
-
-
--- - - --- ----------- ----- ----
--------------------------- -- -- ----- --------这里我们将对象的 species 属性设置为了 Homo sapiens 类型，并使用 static 关键字创建了一个变量。在我们实例化 Human 类时，我们不会创建 species 属性，而是通过类本身访问该属性。
总结
这篇文章介绍了 class 关键字在 ECMAScript 2017 中的用法。我们学习了 class 的基础语法并了解了如何继承其他类和创建静态属性。掌握这些技术，你能够更好地开发 JavaScript 应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64604043968c7c53b01ff315