在传统的 JavaScript 中，我们往往通过构造函数来创建对象，而 ES6 中我们可以使用 class 和 extends 关键字来创建类和实现继承。本文将详细介绍 ES6 中的类和继承，包含了常见的用法和示例代码，帮助读者更好的学习和应用它们。
1. 创建类
在 ES6 中，我们可以使用关键字 class 来创建类，它的语法如下：
class ClassName {
// class body
}其中 ClassName 表示类的名称，class body 则是类的主体，包含了类的属性和方法。
下面我们来看一个简单的示例，创建了一个名为 Animal 的类：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
----- -
-------------- -- - ----------------
-
-
----- --- - --- --------------
---------- -- -- -- -- - -----在 Animal 类中，我们声明了一个名为 constructor 的特殊函数，它负责初始化对象的属性。在这里，我们将传入的 name 赋值给 this.name。除了 constructor 以外，我们还可以通过定义类方法来为类添加功能。在这个例子中，我们定义了一个名为 say 的方法，用来输出 Animal 对象的名称。
2. 创建子类和继承
ES6 中的继承是通过 extends 关键字来实现的。我们可以直接继承父类的属性和方法，并对它们进行扩展。下面我们来看一个例子，创建了一个名为 Cat 的类，它继承自 Animal 类：
-- -------------------- ---- -------
----- --- ------- ------ -
----------------- -
------------
--------- - ------
-
----- -
------------
-------------- -- - ----------------
-
-
----- ------ - --- --------------
------------- -- -- -- -- - -------- - -- -- - -----在 Cat 类中，我们使用 extends 关键字来继承了 Animal 类。在构造函数中，我们调用了 super 方法，它会调用父类的构造函数，并将传入的 name 参数传递给它。此外，我们还声明了一个名为 type 的属性，值为 'cat'。在 say 方法中，我们通过 super.say() 调用了父类的 say 方法，然后再输出自己的类型。
3. 类静态属性和方法
在 ES6 中，我们可以为类定义静态属性和方法。它们可以直接通过类访问，而不需要创建实例。
下面我们来看一个示例，它定义了一个名为 Math 的类，其中包含了一些常用的数学方法：
-- -------------------- ---- -------
----- ---- -
------ -- - -----
------ ------ -- -
------ - - --
-
------ ----------- -- -
------ - - --
-
------ -------- -- -
------ - -- --
-
-
--------------------- -- -- ----
----------------------- ---- -- -- -
---------------------------- ---- -- -- -
------------------------- ---- -- -- -在 Math 类中，我们使用 static 关键字定义了三个静态方法和一个静态属性。在主函数中，我们直接通过类名访问了它们，而不需要创建实例。
总结
ES6 中的 class 和 extends 关键字为 JavaScript 带来了更加易于理解和维护的类和继承机制。本文从创建类、子类和继承、类静态属性和方法三个方面进行了详细的介绍，并提供了相应的示例代码。希望这篇文章能帮助读者更好地理解和应用 ES6 中的类和继承，为日后的开发工作提供帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648fb4c048841e9894ddce5c