前言
ES6（ECMAScript 6）是 JavaScript 的一个重要版本，并且在 Web 前端开发中广泛使用。它带来了许多新的特性，其中就包括了 class 和继承。在本文中，我们将详细讲解 ES6 中 class 和继承的应用，以及实例代码。
Class
ES6 中的 class 可以看作是一个语法糖，它用于声明一个类。在 JavaScript 中，类是一种特殊的函数。类声明的语法如下：
class ClassName {
// 类的代码块
}在类中，我们可以定义方法、构造函数和静态方法。对于方法而言，它们会被定义在类的原型中，而不是被定义在类的构造函数中。接下来，我们分别介绍一下这些内容的应用。
构造函数
类的构造函数的作用是创建对象实例，并且可以为这些对象初始化属性和方法。在 ES6 中，我们可以使用 constructor() 方法来声明类的构造函数。示例代码如下所示：
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
}这个例子中，我们声明了一个名为 Person 的类，并且在其构造函数中声明了两个属性：name 和 age。这些属性将会被初始化到创建的对象实例中。
方法
除了构造函数外，类中还可以声明其他的方法。这些方法可以被用来操作类的属性。示例代码如下：
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
------- -
---------------- -- ---- -- ------------ --- - -- ----------- ----- -------
-
-在这个例子中，我们声明了一个名为 sayHi() 的方法。当调用这个方法时，它将输出一个含有类实例的属性的字符串。
静态方法
除了实例方法之外，类还可以声明静态方法。静态方法是类的函数，可以直接在类上调用，而不是通过类的实例来调用。与实例方法不同，静态方法不能访问类的实例属性和方法。示例代码如下：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------ ------------ -
------ --- -------------
-
-在这个例子中，我们声明了一个名为 create() 的静态方法。它可以被用来创建一个新的 Person 实例，该实例的 name 属性即为传递给 create() 方法的参数。
继承
在面向对象编程中，继承是一种重要的概念。继承可以用来创建一个新类，并且这个新类可以从一个已有的类中继承所有的属性和方法。在 ES6 中，我们可以通过 extends 关键字来实现继承。语法如下：
class ChildClass extends ParentClass {
// 子类的代码块
}在这个语法中，ChildClass 是我们即将创建的新类的名称，ParentClass 是它所继承的类的名称。接下来，我们将介绍继承的具体应用。
继承构造函数
在子类中，通过 super() 调用父类的构造函数，并且传递必要的参数。示例代码如下所示：
-- -------------------- ---- -------
----- ---------- ------- ----------- -
----------------- ---- ------- -
----------- -----
----------- - -------
-
------- -
---------------- -- ---- -- ------------- - -- ------------ - -- - ------------------
-
-在这个例子中，我们创建了一个名为 ChildClass 的子类，并且继承自 ParentClass。其中，构造函数的参数包括 name、age 和 gender。在构造函数中，我们通过 super() 调用了父类的构造函数，并且传递了 name 和 age 参数。最后，我们声明了一个名为 sayHi() 的方法，并且输出了完整的字符串。
方法和静态方法
在子类中，我们可以声明属于它自己的方法和静态方法，并且可以覆盖从父类中继承而来的方法。示例代码如下：
-- -------------------- ---- -------
----- ---------- ------- ----------- -
----------------- ---- ------- -
----------- -----
----------- - -------
-
------- -
---------------- -- ---- -- ------------- - -- ------------ - -- - ------------------
-
---------- -
------------------- -- ---- -- ----------------
-
------ ------------ ---- ------- -
------ --- ---------------- ---- --------
-
-在这个例子中，我们声明了一个名为 sayHello() 的方法，该方法输出了一个含有类实例的属性的字符串。此外，在类中还声明了一个名为 create() 的静态方法。它可以被用来创建一个新的 ChildClass 实例，该实例的 name、age 和 gender 属性即为传递给 create() 方法的参数。
结论
在本文中，我们详细讲解了在 JavaScript 中使用 ES6 中的 class 和继承的应用，以及实例代码。在实际的项目中，我们可以根据需要来灵活使用相应的功能，并且可以深入理解它们的实现原理，以更好地完成我们的工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675a8a464b9d41201ab82709