問題描述

es6 中定義 class，可以這樣

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

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

如果使用 extends 時(shí)候，會(huì)發(fā)現(xiàn)問題，屬性沒法變成共享的，方法也是。

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

問題解答

Mixin模式

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

阮一峰的ES6教程有個(gè)樣例的程序，你可以參考參考：Mixin-模式的實(shí)現(xiàn)