在编写 JavaScript 代码的过程中，我们经常会遇到需要共享代码逻辑的情况。通常我们会将这些公共逻辑封装成一个函数或是一个类，然后在各处使用。但是，如果我们需要在多个类中使用这个公共逻辑，我们就需要将这个函数或是类在每个需要使用的地方都写一遍，这会导致代码重复，可维护性差。
Mixin 是一种解决这个问题的方式。Mixin 可以将代码逻辑混入 (mix-in) 到多个对象或是类中，从而实现代码复用。在本文中，我们将介绍如何使用 npm 包 mixin-es6 来实现 Mixin，从而提高代码复用性和可维护性。
安装 mixin-es6
在使用 mixin-es6 之前，我们需要先通过 npm 安装 mixin-es6。
npm install mixin-es6
使用 mixin-es6
在这里，我们将使用 mixin-es6 来实现一个具有共同属性和方法的类的 Mixin。下面的代码定义了一个名为 Animal 的基类：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
------ -
------------------------- -- -----------
-
------- -
------------------------- -- ------------
-
-接下来，我们定义一个名为 Flyable 的 Mixin 类，它具有共同的属性和方法：
-- -------------------- ---- -------
------ ------- ---- -------------
--- ------- - ------------------ -- ----- ------- ---------- -
-------------------- -
---------------
----------- - -----
-
----- -
------------------------- -- ----------
-
---使用 Mixin 函数以及箭头函数定义一个带有共同属性和方法的 Mixin。superclass 参数是当前类的基类，用于继承基类的属性和方法。 Flyable 构造函数将 this.canFly 属性设置为 true，并定义了一个 fly() 方法。
现在，我们可以将 Flyable 混入 Animal 中，使 Animal 类具有 Flyable 中定义的属性和方法。
-- -------------------- ---- -------
----- ---- ------- --------------- -
----------------- ----- -
------------
--------- - -----
-
---------- -
------------------------- -- - ----------------
-
-
--- ------- - --- --------------- -------------
------------------- -- ------- -- - ----------
--------------- -- ------- -- --------
-------------- -- ------- -- -------在这个例子中，我们定义了一个名为 Bird 的类，继承自混入了 Flyable 的 Animal。Bird 中定义了一个 describe() 方法，用于打印鸟的类型。创建一个 Sparrow 实例，并调用 describe()、 walk()和 fly() 方法。这样，我们就混入了 Flyable 中的代码，从而实现了代码的复用。
总结
本文介绍了如何使用 mixin-es6 实现 Mixin，从而提高代码的可复用性和可维护性。我们首先安装了 mixin-es6，然后定义了一个名为 Animal 的基类，并定义了一个名为 Flyable 的 Mixin。再定义了一个名为 Bird 的类，并把 Flyable 混入到它的定义中。这样，我们就实现了 Animal 和 Flyable 中的方法共现于 Bird 类中，实现了代码的复用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600552a981e8991b448d0179