ES6 类继承是 JavaScript 中十分重要的一个概念。它允许我们创建一个基于已存在的类的新类，并且让我们可以重用已存在的类中的代码。本文将介绍如何在 ECMAScript 2021 中使用 ES6 类继承。
ES6 类继承概述
在 ES6 中，可以使用 class 关键字来定义一个类。通过定义一个类，我们可以创建多个对象，这些对象都有相同的属性和方法。ES6 引入了类继承的概念，它允许我们按照层次结构组织代码。子类可以继承父类的属性和方法，同时可以添加自己的属性和方法。
如何使用 ES6 类继承
在 ES6 中使用类继承非常简单。我们可以使用 extends 关键字来指定一个类继承自另一个类。下面我们来看一个示例代码：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-
----- --- ------- ------ -
------- -
------------------------- ---------
-
-
--- - - --- --------------
---------- -- ------- ------ ------在上面的示例代码中，我们定义了两个类——Animal 和 Dog。Dog 继承了 Animal，并且重写了 speak() 方法。我们创建了一个 Dog 类的实例 d，然后调用了它的 speak() 方法。因为 Dog 类重写了 speak() 方法，所以最终输出结果是 Mitzie barks。
ES6 类继承的深度
在 ES6 中，类继承是可以多层嵌套的。也就是说，一个类可以继承自另一个类，而该类又可以继承自另一个类，以此类推。下面我们来看一个示例代码：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-
----- --- ------- ------ -
------- -
------------------------- ---------
-
-
----- --- ------- --- -
------- -
------------------------- ----- ----------
-
-
--- - - --- ------------
---------- -- ------- ---- ----- -------在上面的示例代码中，我们定义了三个类——Animal、Dog 和 Lab。Lab 继承了 Dog，Dog 又继承了 Animal。我们创建了一个 Lab 类的实例 l，然后调用了它的 speak() 方法。因为 Lab 类重写了 speak() 方法，所以最终输出结果是 Tomy barks loudly。
使用ES6类继承的指导意义
ES6 类继承是一个强大的特性，它允许我们按照层次结构组织代码，并且在不同的类之间重用代码。这样可以大大提高代码的可维护性和重用性。同时，使用 ES6 类继承可以使代码结构更加清晰和易于理解。
总结
ES6 类继承是 JavaScript 中一个非常重要的特性。它可以帮助我们按照层次结构组织代码，并且在不同的类之间重用代码。使用 ES6 类继承可以提高代码的可维护性和重用性，使代码结构更加清晰和易于理解。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64740d0d968c7c53b017d876