問題描述

es6 中定義 class，可以這樣

class A { x = 1; y = 2; z = 3; mx () { // ... } my () { // ... } mz () { // ... }}

A 類屬性方法越來越多的時候，發現整一個文件的代碼量很大。能否將一些屬性以及方法劃分成單個文件 （ 例如 x 與 mx 分成一個 x.js 文件，y 與 my 分成一個 y.js 文件 ... ）

如果使用 extends 時候，會發現問題，屬性沒法變成共享的，方法也是。

那能否在定義 class A 的時候再把( x.js / y.js / ... )結合到 A 內部去呢？

問題解答

Mixin模式

簡而言之，就是把幾個類的prototype屬性合并，最后那個大的類再繼承這個合并了的類就行了。

阮一峰的ES6教程有個樣例的程序，你可以參考參考：Mixin-模式的實現