JavaScript 是一门基于对象的语言，它通过构造函数和原型链实现面向对象编程。随着 ECMAScript 2015（ES6）的发布，JavaScript 引入了类的概念，使得面向对象编程更加直观和易于理解。本文将详细介绍 ES6 中的类继承，帮助读者学习 JavaScript 面向对象编程。
类的定义
在 ES6 中，我们可以使用 class 关键字来定义类。类定义的基本语法如下：
-- -------------------- ---- ------- ----- ------- - -- ---- ------------- - - -- ---- --------- - - -- ---- ------ --------- - - -
类定义包含构造函数和实例方法。构造函数用于创建对象实例，实例方法是类的成员函数。此外，我们还可以定义静态方法，它们是类的静态成员函数。
继承
在 ES6 中，我们可以使用 extends 关键字继承一个类。子类可以访问父类的实例方法和静态方法，也可以重写父类的方法。子类可以使用 super 关键字来调用父类的方法。
下面是一个简单的示例代码：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-
----- --- ------- ------ -
------- -
------------------------- ---------
-
-
--- - - --- --------------
---------- -- ------ ------在上面的代码中，我们定义了一个 Animal 类和一个 Dog 类，Dog 类继承了 Animal 类。我们创建了一个 Dog 类的实例 d，并调用了它的 speak 方法。由于 Dog 类重写了 speak 方法，因此输出结果为 Mitzie barks.。
super 关键字
在子类中，我们可以使用 super 关键字来调用父类的方法。super 关键字有两种用法，一种是调用父类的构造函数，另一种是调用父类的方法。
调用父类的构造函数
在子类的构造函数中，我们可以使用 super 关键字来调用父类的构造函数。调用父类的构造函数是必须的，因为子类需要继承父类的属性。下面是一个示例代码：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-
----- --- ------- ------ -
----------------- ------ -
------------
---------- - ------
-
------- -
------------------------- ---------
-
-
--- - - --- ------------- ----------
-------------------- -- ------
--------------------- -- ------在上面的代码中，我们定义了一个 Dog 类，它继承了 Animal 类。Dog 类的构造函数调用了父类的构造函数，以继承父类的属性。我们创建了一个 Dog 类的实例 d，并输出了它的属性。
调用父类的方法
在子类的方法中，我们可以使用 super 关键字来调用父类的方法。调用父类的方法是可选的，因为子类可以重写父类的方法。下面是一个示例代码：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-
----- --- ------- ------ -
----------------- ------ -
------------
---------- - ------
-
------- -
--------------
------------------------- ---------
-
-
--- - - --- ------------- ----------
---------- -- ------ ----- - ------ ------ ------在上面的代码中，我们定义了一个 Dog 类，它继承了 Animal 类。Dog 类的 speak 方法调用了父类的 speak 方法，以输出 Mitzie makes a noise.。然后 Dog 类的 speak 方法输出 Mitzie barks.。
总结
ES6 的类继承使得 JavaScript 面向对象编程更加直观和易于理解。在子类中，我们可以使用 super 关键字来调用父类的构造函数和方法。通过学习 ES6 的类继承，我们可以更好地理解 JavaScript 面向对象编程的概念和实现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65fa92eed10417a22266d757