es6 Mixin 模式的实现

Mixin 模式的实现

ES6 Mixin 指的是多个对象合成一个新的对象，新对象具有各个组成成员的接口。它的最简单实现如下。

const a = {

a: 'a'

};

const b = {

b: 'b'

};

const c = {...a, ...b}; // {a: 'a', b: 'b'}

上面代码中，

c

对象是

a

对象和

b

对象的合成，具有两者的接口。

下面是一个更完备的实现，将多个类的接口“混入”（mix in）另一个类。

function mix(...mixins) {

class Mix {}

for (let mixin of mixins) {

copyProperties(Mix, mixin); // 拷贝实例属性

copyProperties(Mix.prototype, mixin.prototype); // 拷贝原型属性

}

return Mix;

}

function copyProperties(target, source) {

for (let key of Reflect.ownKeys(source)) {

if ( key !== "constructor"

&& key !== "prototype"

&& key !== "name"

) {

let desc = Object.getOwnPropertyDescriptor(source, key);

Object.defineProperty(target, key, desc);

}

}

}

上面代码的

mix

函数，可以将多个对象合成为一个类。使用的时候，只要继承这个类即可。

class DistributedEdit extends mix(Loggable, Serializable) {

// ...

}