ES6 中引入了类的概念，使得 JavaScript 的面向对象编程更加完善。类的继承是其中一个重要的特性，它使得我们可以通过一个类来继承另一个类的特性。在继承中，super 关键字也扮演了一个非常重要的角色。本文将详细说明 ES6 类的继承机制和 super 关键字的用法。
继承的基本概念
继承是对象 oriented 编程中的一种重要概念，它允许我们在一个类中定义一组属性和方法，然后使用这些属性和方法的代码封装到一个新的类中。这个新类被称为子类，基类被称为父类，子类继承了父类的所有属性和方法。
在 ES6 中，继承通过 extends 关键字来实现，子类必须使用 super 关键字调用父类的构造函数。
继承的实现方式
下面让我们通过一个简单的例子来说明继承的实现方式。
-- -------------------- ---- -------
----- ------ -
------------------ -
---------- - ------
-
------- -
------------------------
-
-
----- --- ------- ------ -
------------- -
--------------
-
-
--- --- - --- ------
------------ -- ----这里我们定义了一个 Animal 类，它有一个构造函数和一个 speak 方法。接着我们定义了一个 Cat 类，它使用 extends 关键字继承了 Animal 类。
注意，在 Cat 的构造函数中我们需要使用 super('Meow')，这里的 super 是一个关键字，代表了父类的构造函数。这行代码的作用是将 'Meow' 传递给 Animal 类的构造函数。另外，我们也可以在子类的构造函数中调用 super()，这里的作用是执行父类的构造函数。
我们可以看到，在上面的例子中，Cat 通过继承获得了 Animal 的所有属性和方法。
super 关键字的用法
super 关键字是 JavaScript 中的一个关键字，它用于引用父类中的函数或属性。当然，我们也可以调用父类的构造函数。让我们通过下面的例子来详细说明 super 的用法。
-- -------------------- ---- -------
----- ------ -
------------------ -
---------- - ------
-
------- -
------------------------
-
-
----- --- ------- ------ -
------------------- -
-------------- -- ------------
----------- - -------
-
------- -
-------------- -- ----- ----- --
---------------------- -------------
-
-
--- --- - --- --------
------------ -- ---- ------- --在上面的例子中，Cat 类继承了 Animal 类，它覆盖了 Animal 的 speak 方法，并在该方法中调用了父类的 speak 方法。
注意，在子类的方法中使用 super 关键字来调用父类的方法时，必须使用方法名称。如果在构造函数中使用 super 时，我们可以不指定方法名称。
总结
在 ES6 中，类的继承使得 JavaScript 的面向对象编程更加完善。在继承中，super 关键字扮演了非常重要的角色。我们学习了继承的实现方式以及 super 关键字的用法。通过掌握这些知识，我们可以更好地理解和使用 ES6 中的类。
如果你想了解更多关于 ES6 类的知识，可以访问 MDN。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64743331968c7c53b019a43b