在 JavaScript 中，继承是一个非常重要的概念，它使得我们能够复用已有的代码，并且能够大大提高我们的代码的可维护性和可扩展性。在 ES6 之前，我们通过原型链来实现继承，但是这种方式存在一些问题，比如：容易引起命名冲突、继承方法过于笨重等等。所以在 ES6 中，新增了 class 关键字，使得继承更加便捷。
然而，在 ES6 之后，继承在某些情况下仍然存在一些限制，比如 ES6 仍然没有提供多重继承的支持，且在继承时需要注意一些细节。所以在 ES7 中，我们可以使用传统的继承方式来避免这些问题，下面就来详细介绍一下传统继承的实现和使用。
使用上的建议
首先，我们先来了解一下什么是传统继承。传统继承指的是在一个对象中添加多个原型属性，从而实现多重继承的效果，这种继承方式被广泛应用在一些库和框架中，比如 Vue.js。
但是，使用传统继承时需要注意以下几点：
避免命名冲突 - 在继承时，我们需要注意避免属性和方法的命名冲突，否则会造成不必要的麻烦。
避免过度继承 - 过度继承会导致代码结构复杂，不易维护，所以我们需要避免过度继承，并且在必要时使用组合模式来代替继承。
尽量使用 ES6 class - ES6 class 可以使得代码更加简洁和易于阅读和维护，所以我们尽量使用 ES6 class 来实现继承。
传统继承的实现
在传统继承中，我们可以使用 mix 方法来将多个父类的原型属性混合到一个子类中。以下是一个简单的示例：
----- - -
------------- -
------ - ----
-
-
----- - -
------------- -
------ - ----
-
-
----- - ------- ------ -- -
------------- -
--------
-
-
--------------- ----- -- - -- ---- -- --- -可以看到，我们在定义 C 类时使用了 extends 关键字和 mix 方法，通过 mix 方法将 A 和 B 的原型属性混合到 C 类中，从而实现了多重继承的效果。
下面是 mix 方法的实现：
-------- -------------- -
----- --- --
--- ---- ----- -- ------- -
----------------------------- -----------------
------------------- -------
-
------ ----
-
-------- ---------------------- ------- -
--- ---- --- -- ------------------------ -
-- ---- --- ------------- -- --- --- ----------- -- --- --- ------- -
--- ---- - --------------------------------------- -----
----------------------------- ---- ------
-
-
-在 mix 方法中，我们定义了一个 Mix 空类，并遍历 mixins 数组，将每个 mixin 的原型属性混合到 Mix 类中。copyProperties 函数用于复制每个 mixin 的属性和方法。
总结
继承是面向对象编程中的一个基础概念，它使得我们能够复用已有的代码，并且能够大大提高我们的代码的可维护性。在 ES7 中，我们可以使用传统继承的方式来避免一些 ES6 中继承的限制，但是在使用传统继承时需要注意避免命名冲突，避免过度继承，并尽量使用 ES6 class 来实现继承。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/647418bf968c7c53b0187a21