在前端开发中，面向对象编程是一种常见的编程思想，它可以使代码更加模块化和可维护。而在 ECMAScript 2018 中，类继承的引入，更是让面向对象编程变得更加简单和易于实现。本文将详细介绍 ECMAScript 2018 中的类继承，包括其定义、继承方式、实现方式以及示例代码。
类的定义
在 ECMAScript 2018 中，类的定义方式如下：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-上述代码中，我们定义了一个名为 Animal 的类，该类包含一个 constructor 构造函数和一个 speak 方法。constructor 构造函数用于初始化类的属性，而方法则用于定义类的行为。
类的继承
在 ECMAScript 2018 中，类的继承方式与传统的面向对象编程语言类似。我们可以通过 extends 关键字来实现类的继承，如下所示：
-- -------------------- ---- -------
----- --- ------- ------ -
----------------- -
------------
-
------- -
------------------------- ---------
-
-上述代码中，我们定义了一个名为 Dog 的类，该类继承自 Animal 类。在 Dog 类的 constructor 构造函数中，我们通过 super 关键字调用了 Animal 类的 constructor 构造函数，从而实现了对 Animal 类属性的继承。而在 Dog 类的 speak 方法中，我们重写了 Animal 类的 speak 方法，从而实现了对 Animal 类方法的继承并进行了修改。
类的实现
在 ECMAScript 2018 中，类的实现方式与传统的面向对象编程语言类似。我们可以通过 new 关键字来实例化一个类，如下所示：
const animal = new Animal('animal');
animal.speak(); // 输出：animal makes a noise.
const dog = new Dog('dog');
dog.speak(); // 输出：dog barks.上述代码中，我们通过 new 关键字分别实例化了 Animal 和 Dog 两个类，并分别调用了它们的 speak 方法。由于 Dog 类继承自 Animal 类，因此 Dog 类的实例化对象也拥有了 Animal 类的属性和方法。而在 Dog 类的实例化对象中，其 speak 方法的输出结果与 Animal 类的实例化对象不同，即实现了对 Animal 类方法的继承并进行了修改。
示例代码
下面是一个完整的示例代码，其中包括了类的定义、继承和实现：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - ---------
-
-
----- --- ------- ------ -
----------------- -
------------
-
------- -
------------------------- ---------
-
-
----- ------ - --- -----------------
--------------- -- --------- ----- - ------
----- --- - --- -----------
------------ -- ------ ------结语
通过本文的介绍，我们可以看到 ECMAScript 2018 中的类继承让面向对象编程变得更加简单和易于实现。通过继承方式和实现方式的介绍，我们可以更好地理解类的继承和实现，从而在实际开发中更加灵活地运用。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/67963ef2504e4ea9bdceb956