在前端开发中，继承是一种常见的设计模式。在 ES6 中，我们可以使用类和继承来实现继承。本文将介绍如何使用 ES6 实现继承，包括如何定义类、如何使用 extends 关键字继承类、如何使用 super 关键字调用父类方法，最后附带示例代码。
定义类
在 ES6 中，我们可以使用 class 关键字来定义一个类。类可以包含一个构造函数和多个方法。构造函数是在创建对象时自动调用的方法，用于初始化对象的状态。方法是一个包含代码的函数，可以在类中定义行为。下面是一个示例：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
--------------------- - - ----- - ---------
-
-
----- ------ - --- -----------------
--------------- -- ------- ------- ----- - -------上面的代码定义了一个 Animal 类，包含一个构造函数和一个 speak 方法。构造函数接受一个 name 参数，用于初始化对象状态。speak 方法会在控制台输出一行字符串，表示动物正在发出声音。我们可以通过实例化 Animal 类来创建一个对象，并调用 speak 方法输出动物发出声音的字符串。
继承类
在 ES6 中，我们可以使用 extends 关键字继承另一个类的属性和方法。子类继承了父类的构造函数、属性和方法，可以对属性和方法进行扩展或重写。下面是一个示例：
-- -------------------- ---- -------
----- --- ------- ------ -
----------------- ------ -
------------
---------- - ------
-
------- -
--------------------- - - ---------
-
-
----- --- - --- ---------- -----------
------------ -- ------- ---- -------
----------------------- -- ------- ---------上面的代码定义了一个 Dog 类，继承自 Animal 类。Dog 类包含一个构造函数和一个 speak 方法。构造函数接受两个参数 name 和 breed，并调用父类的构造函数来初始化 name 属性，然后初始化 breed 属性。speak 方法会输出一行字符串，表示狗在叫。我们可以通过实例化 Dog 类来创建一个对象，并调用 speak 方法输出狗的声音，以及访问 breed 属性。
调用父类方法
在子类中使用 super 关键字可以调用父类的方法。如果子类中定义了一个方法，但要调用父类中具有相同名称的方法，则可以使用 super 关键字。下面是一个示例：
-- -------------------- ---- -------
----- ---- ------- ------ -
------- -
--------------
--------------------- - - ---------
-
-
----- ---- - --- -------------
------------- -- ------- ----- ----- - ------- ----- -------上面的代码定义了一个 Lion 类，继承自 Animal 类。Lion 类定义了一个 speak 方法来输出狮子的声音。speak 方法中首先调用了父类的 speak 方法，然后在控制台输出一个字符串，表示狮子在咆哮。我们可以通过实例化 Lion 类来创建一个对象，并调用 speak 方法输出狮子的声音。
示例代码
下面是三个类分别代表动物、狗和狮子的示例代码，用于演示如何使用 ES6 实现继承。
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
--------------------- - - ----- - ---------
-
-
----- --- ------- ------ -
----------------- ------ -
------------
---------- - ------
-
------- -
--------------------- - - ---------
-
-
----- ---- ------- ------ -
------- -
--------------
--------------------- - - ---------
-
-
----- ------ - --- -----------------
--------------- -- ------- ------- ----- - -------
----- --- - --- ---------- -----------
------------ -- ------- ---- -------
----------------------- -- ------- ---------
----- ---- - --- -------------
------------- -- ------- ----- ----- - ------- ----- -------总结
本文介绍了如何使用 ES6 实现继承。我们可以使用 class 和 extends 关键字来定义类和继承类。在子类中使用 super 关键字可以调用父类的方法。使用继承可以提高代码的可重用性和可维护性，也可以使程序更加模块化。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645c7fba968c7c53b0ee5204