ES6 中引入了 class 关键字，使得 JavaScript 中的面向对象编程更加容易和直观。在类的继承方面，ES6 也提供了更加简洁和灵活的语法。本文将介绍如何在 ES6 的类中实现继承，并提供一些示例代码和指导意义。
父类和子类
在 ES6 中，我们可以使用 class 关键字来定义一个类。例如，下面是一个简单的 Animal 类：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
--------------------- - - ----- - ---------
-
-在这个类中，我们定义了一个构造函数和一个 speak 方法。构造函数用来初始化对象的属性，而方法则用来定义对象的行为。
现在，我们想定义一个 Cat 类，让它继承 Animal 类的属性和方法。在 ES6 中，我们可以使用 extends 关键字来实现继承。例如，下面是一个简单的 Cat 类：
-- -------------------- ---- -------
----- --- ------- ------ -
----------------- -
------------
-
------- -
--------------------- - - ---------
-
-在这个类中，我们使用 extends 关键字将 Cat 类继承自 Animal 类。我们还定义了一个构造函数，它调用了父类的构造函数，并使用 super 关键字来传递参数。最后，我们重写了 speak 方法，让它输出猫的叫声。
现在，我们可以创建一个 Cat 对象，并调用它的 speak 方法：
let cat = new Cat('Mittens');
cat.speak(); // output: Mittens meows.继承的深度
在 ES6 中，我们可以使用 extends 关键字来实现多层继承。例如，下面是一个简单的 Bird 类：
-- -------------------- ---- -------
----- ---- ------- ------ -
----------------- -
------------
-
------- -
--------------------- - - ----------
-
-在这个类中，我们定义了一个构造函数和一个 speak 方法，让鸟叫。
现在，我们想定义一个 Parrot 类，让它继承自 Bird 类。在 ES6 中，我们可以像这样实现多层继承：
-- -------------------- ---- -------
----- ------ ------- ---- -
----------------- -
------------
-
------- -
--------------------- - - ------- ---- --- -------
-
-在这个类中，我们使用 extends 关键字将 Parrot 类继承自 Bird 类。我们还定义了一个构造函数，它调用了父类的构造函数，并使用 super 关键字来传递参数。最后，我们重写了 speak 方法，让它输出鹦鹉学舌。
现在，我们可以创建一个 Parrot 对象，并调用它的 speak 方法：
let parrot = new Parrot('Polly');
parrot.speak(); // output: Polly repeats what you say.继承的指导意义
在 ES6 中，类的继承使得 JavaScript 中的面向对象编程更加容易和直观。通过继承，我们可以让子类拥有父类的属性和方法，并可以在子类中添加新的属性和方法，或者重写父类的方法。这使得代码的复用性更高，也使得代码更加易于维护和扩展。
当我们使用类的继承时，我们需要注意一些事项。首先，子类必须在构造函数中调用父类的构造函数，以初始化父类的属性。其次，子类可以重写父类的方法，但是必须使用 super 关键字来调用父类的方法。最后，子类可以添加新的属性和方法，以扩展父类的功能。
示例代码
下面是一个完整的示例代码，演示了如何在 ES6 的类中实现继承：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
--------------------- - - ----- - ---------
-
-
----- --- ------- ------ -
----------------- -
------------
-
------- -
--------------------- - - ---------
-
-
----- ---- ------- ------ -
----------------- -
------------
-
------- -
--------------------- - - ----------
-
-
----- ------ ------- ---- -
----------------- -
------------
-
------- -
--------------------- - - ------- ---- --- -------
-
-
--- --- - --- ---------------
------------ -- ------- ------- ------
--- ------ - --- ----------------
--------------- -- ------- ----- ------- ---- --- ----结论
在 ES6 中，我们可以使用 class 关键字来定义类，并使用 extends 关键字来实现继承。通过继承，子类可以拥有父类的属性和方法，并可以在子类中添加新的属性和方法，或者重写父类的方法。这使得代码的复用性更高，也使得代码更加易于维护和扩展。在使用类的继承时，我们需要注意一些事项，如调用父类的构造函数、重写父类的方法、使用 super 关键字等。希望本文能够对大家理解 ES6 的类和继承有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67556a423af3f99efe4c1c0d