在 ES6 中，JavaScript 引入了类和继承的概念，使得面向对象编程变得更加直观和易于理解。本文将深入讲解 ES6 中的类和继承，包括类的定义、构造函数、继承和 super 关键字等。
类的定义
在 ES6 中，我们可以使用 class 关键字来定义一个类。下面是一个简单的类定义的例子：
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
---------- -
------------------- -- ---- -- ------------- --- ----------- ----- -------
-
-在这个例子中，我们定义了一个名为 Animal 的类，该类有两个属性 name 和 age，以及一个方法 sayHello。 类中的 constructor 方法在创建对象时被调用，并且可以用来初始化对象的属性。
构造函数
在上面的例子中，我们已经看到了 constructor 方法的用法，它是类的构造函数，用来初始化类的实例属性。我们可以在 constructor 中添加所有需要初始化的实例属性，例如：
class Animal {
constructor(name, age) {
this.name = name;
this.age = age;
}
}在这个例子中，我们定义了两个实例属性 name 和 age，并在 constructor 中将它们初始化。
除了构造函数，我们还可以在类中定义其他方法，例如上面例子中的 sayHello 方法。
继承
在面向对象编程中，继承是一个重要的概念。在 ES6 中，我们可以使用 extends 关键字来实现继承，例如：
-- -------------------- ---- -------
----- --- ------- ------ -
----------------- ---- ------ -
----------- -----
---------- - ------
-
------ -
------------------ --------
-
-在这个例子中，我们定义了一个名为 Dog 的类，该类继承自 Animal 类。我们可以通过 super 关键字来调用父类的构造函数，从而初始化从父类继承的属性。在 Dog 类中，我们还定义了一个 bark 方法。
super 关键字
在上面的例子中，我们已经看到了 super 关键字，它用于调用父类的构造函数。除此之外，super 还可以用于调用父类中的方法。例如，我们可以在 Dog 类中调用 Animal 类中的 sayHello 方法，如下所示：
-- -------------------- ---- -------
----- --- ------- ------ -
----------------- ---- ------ -
----------- -----
---------- - ------
-
------ -
------------------ --------
-
---------- -
-----------------
---------------- - -----------------
-
-在这个例子中，我们重写了 Animal 类中的 sayHello 方法，并在其中调用了父类的 sayHello 方法。我们还在 sayHello 方法中添加了一行输出，以输出 Dog 类独有的属性。
总结
本文介绍了 ES6 中的类和继承的概念。类是用来创建对象的模板，包括属性和方法。构造函数用来初始化实例属性。继承是一种实现类和类之间关系的方法，通过继承，子类可以从父类中继承属性和方法，并添加自己的属性和方法。super 关键字可以用来调用父类的构造函数和方法。学习和理解这些概念能够帮助我们更好地理解和使用 JavaScript 中的面向对象编程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645cba20968c7c53b0f2ad1e