问题背景
在 Javascript 中，对象之间的继承可以通过原型链来实现。当一个对象被创建时，它会自动继承其原型对象的所有属性和方法。然而，这种继承方式也存在一些问题。比如，在创建对象时，确定其继承关系比较困难，而且在重写方法时会影响原型链上其他对象的方法。为了解决这些问题，ES6 提供了一些新的语法和特性。
解决方案
在 ES6 中，我们可以通过 class 关键字来定义一个类，类可以被看作是对对象继承方式的一种封装。定义一个类时，需要指定它继承自哪个类（如果不继承任何类，则继承自 Object）。
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------- -
--------------------- - - ----- - ---------
-
-在以上代码中，我们定义了一个名为 Animal 的类，它有一个构造函数和一个 speak 方法。构造函数用于创建对象实例，speak 方法用于输出对象实例的名字和一段话。接下来，我们可以通过 extends 关键字将 Animal 类继承到 Dog 类中。
-- -------------------- ---- -------
----- --- ------- ------ -
----------------- -
------------
-
------- -
--------------------- - - ---------
-
-在以上代码中，我们定义了一个名为 Dog 的类，它继承自 Animal 类，拥有一个与 Animal 类相同名字的构造函数和一个 speak 方法。构造函数中的 super 关键字调用了父类的构造函数，这是必须的。
案例分析
为了说明 class 关键字的作用，我们可以以一个计算机组件库为例，来说明继承关系如何影响代码结构和调用方式。
假设我们有一个计算机组件库，组件分为 CPU、内存和硬盘等。每个组件都有一个基础价格和功能。其中，CPU 组件需要根据频率和线程数进行价格计算，内存组件需要根据容量进行价格计算，硬盘组件需要根据容量和接口类型进行价格计算。
传统的实现方式中，我们需要创建一个 Component 类，并在其原型链上创建 CPU、Memory 和 Harddisk 类等。然而，在这种方式下，我们需要在实例化组件时显式指定对象的继承关系。例如，我们创建一个 IntelCPU 对象时，需要指定它继承自 CPU 类。
-- -------------------- ---- ------- -- ------ -------- ----------- - ---------- - -- - ---------------------------- - ---------- - ------ ----------- -- -------- -------------- ------- - --------------------- -------------- - ---------- ----------- - ------- ---------- - --------- - ------ - ---- - ------------- - ----------------------------------- ------------------------- - ---- ---------------------- - ---------- - ------ --------------------------------------- - ----------- -- -------- ------------------- ------- - -------------- ---------- -------- - ------------------ - ----------------------------- ------------------------------ - --------- -------- ---------------- - --------------------- ------------- - --------- ---------- - -------- - ---- - ---------------- - ----------------------------------- ---------------------------- - ------- ------------------------- - ---------- - ------ --------------------------------------- - ----------- -- -------- -------------------- - ----------------- ---------- - -------------------- - -------------------------------- -------------------------------- - ----------- -------- ------------------ -------------- - --------------------- ------------- - --------- ------------------ - -------------- ---------- - -------- - --- - -------------- --- ----- - -- - --- - ------------------ - ----------------------------------- ------------------------------ - --------- --------------------------- - ---------- - ------ --------------------------------------- - ----------- -- -------- ------------------------- -------------- - ------------------- --------- --------------- - ------------------------- - ---------------------------------- ------------------------------------- - ---------------- --- -------- - --- ----------- --- --------------------------------- -- - --- ---------- - --- -------------- ----------------------------------- -- - --- --------------- - --- ------------------ ------- ---------------------------------------- -- --
上述代码实现了一个 CPU、内存和硬盘组件，以及它们的子类 IntelCPU、DDR3Memory 和 SamsungHarddisk 等。每个组件都继承自 Component 类，并通过原型链直接或间接继承了其属性和方法。在创建各种组件的对象时，需要显式指定它们的继承关系。这种方式虽然可以实现继承，但代码复杂度较高，不利于维护和扩展。
使用 class 关键字可以简化这个例子中的代码，如下所示。
-- -------------------- ---- -------
-- --- ----
----- --------- -
------------- -
---------- - --
-
---------- -
------ -----------
-
-
----- --- ------- --------- -
---------------------- ------- -
--------
-------------- - ----------
----------- - -------
---------- - --------- - ------ - ----
-
---------- -
------ ---------------- - -----------
-
-
----- -------- ------- --- -
---------------------- ------- -
---------------- --------
-
-
----- ------ ------- --------- -
--------------------- -
--------
------------- - ---------
---------- - -------- - ----
-
---------- -
------ ---------------- - -----------
-
-
----- ---------- ------- ------ -
--------------------- -
----------------
-
-
----- -------- ------- --------- -
--------------------- -------------- -
--------
------------- - ---------
------------------ - --------------
---------- - -------- - --- - -------------- --- ----- - -- - ---
-
---------- -
------ ---------------- - -----------
-
-
----- --------------- ------- -------- -
--------------------- -------------- -
--------------- ---------------
-
-
--- -------- - --- ----------- ---
--------------------------------- -- -
--- ---------- - --- --------------
----------------------------------- -- -
--- --------------- - --- ------------------ -------
---------------------------------------- -- --上述代码使用 class 关键字重构了组件库中 CPU、内存和硬盘等组件的定义，并将其继承关系绑定到了每个类的声明中。使用 class 关键字的代码更易于理解和扩展，并且与原型链继承的方式相比，代码结构更加清晰和高效。
总结
在 Javascript 中，我们可以使用原型链来实现对象之间的继承关系。然而，这种方式对代码结构和调用方式存在一些局限性。ES6 中提供了 class 关键字以及一些新的语法和特性，方便我们更好地实现对象之间的继承关系。使用 class 关键字可以简化代码结构，提高代码可读性和执行效率。因此，在编写 Javascript 代码时，我们应该充分利用 ES6 中的新特性，来提高代码的质量和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646eb8fe968c7c53b0d0cdbd