ES6 中引入了类的概念，使得 JavaScript 中的面向对象编程更加方便和直观。类的继承是面向对象编程中的一个重要概念，ES6 中的类继承也有多种实现方法。本文将介绍 ES6 中类的继承实现的方法及其优缺点，并给出相应的示例代码。
1. 原型链继承
原型链继承是 JavaScript 中最常见的继承方式之一。它通过将子类的原型指向父类的实例来实现继承。这种方式的优点是实现简单，易于理解。但是，它也有一些缺点，比如父类的引用类型属性会被多个子类实例共享，容易造成修改的混乱。
以下是原型链继承的示例代码：
----- ------ -
----------------- -
--------- - ----
-
------- -
------------------------- ----- - --------
-
-
----- --- ------- ------ -
----------------- ------ -
-----------
---------- - -----
-
------ -
--------------------
-
-
--- ----- - --- ---------- ------- -----------
------------- -- --- ----- - ------
------------ -- -----2. 构造函数继承
构造函数继承是通过在子类的构造函数中调用父类的构造函数来实现继承。这种方式的优点是可以避免父类引用类型属性被多个子类实例共享的问题。但是，它也有一些缺点，比如无法继承父类的原型上的方法和属性。
以下是构造函数继承的示例代码：
----- ------ -
----------------- -
--------- - ----
-
------- -
------------------------- ----- - --------
-
-
----- --- ------- ------ -
----------------- ------ -
-----------
---------- - -----
-
------ -
--------------------
-
-
--- ----- - --- ---------- ------- -----------
------------- -- --- ----- - ------
------------ -- -----3. 组合继承
组合继承是将原型链继承和构造函数继承结合起来的一种方式。它通过在子类的构造函数中调用父类的构造函数和将子类的原型指向一个新的父类实例来实现继承。这种方式的优点是可以避免父类引用类型属性被多个子类实例共享的问题，并且可以继承父类的原型上的方法和属性。但是，它也有一些缺点，比如会调用两次父类的构造函数，造成资源浪费。
以下是组合继承的示例代码：
----- ------ -
----------------- -
--------- - ----
-
------- -
------------------------- ----- - --------
-
-
----- --- ------- ------ -
----------------- ------ -
-----------
---------- - -----
-
------ -
--------------------
-
-
--- ----- - --- ---------- ------- -----------
------------- -- --- ----- - ------
------------ -- -----4. 原型式继承
原型式继承是通过一个中介对象来实现继承的方式。它通过将一个对象作为另一个对象的原型来实现继承。这种方式的优点是实现简单，但是也有一些缺点，比如无法避免父类引用类型属性被多个子类实例共享的问题。
以下是原型式继承的示例代码：
----- ------ -
----------------- -
--------- - ----
-
------- -
------------------------- ----- - --------
-
-
--- ----- - ----------------- --------------
---------- - ---------- -
--------------------
-
------------- -- --- ----- - ------
------------ -- -----5. 寄生式继承
寄生式继承是通过一个函数来实现继承的方式。它通过在一个函数中创建一个继承自父类原型的对象，并返回这个对象来实现继承。这种方式的优点是可以避免父类引用类型属性被多个子类实例共享的问题。但是，它也有一些缺点，比如无法继承父类的原型上的方法和属性。
以下是寄生式继承的示例代码：
----- ------ -
----------------- -
--------- - ----
-
------- -
------------------------- ----- - --------
-
-
-------- --------------- ------ -
--- --- - ----------------- -------------
--------- - -----
-------- - ---------- -
--------------------
-
------ ---
-
--- ----- - ---------------- ------- -----------
------------- -- --- ----- - ------
------------ -- -----6. 寄生组合式继承
寄生组合式继承是将组合继承和寄生式继承结合起来的一种方式。它通过在子类的构造函数中调用父类的构造函数和将子类的原型指向一个继承自父类原型的对象来实现继承。这种方式的优点是可以避免调用两次父类的构造函数，同时可以继承父类的原型上的方法和属性，并且可以避免父类引用类型属性被多个子类实例共享的问题。
以下是寄生组合式继承的示例代码：
----- ------ -
----------------- -
--------- - ----
-
------- -
------------------------- ----- - --------
-
-
-------- --------------- ------ -
--- --- - -------------------------------
---------------- -----
--------- - -----
-------- - ---------- -
--------------------
-
------ ---
-
--- ----- - ---------------- ------- -----------
------------- -- --- ----- - ------
------------ -- -----总结
以上介绍了 ES6 中类的继承实现的方法及其优缺点，并给出了相应的示例代码。不同的继承方式适用于不同的场景，需要根据具体情况来选择。在实际开发中，我们应该根据需求选择最合适的继承方式来实现面向对象编程，从而提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65dade111886fbafa4800f6d