第一次完整看一遍（JavaScript设计模式）该模式的介绍，感觉这不就是继承而已吗，只不过可能是部分继承。
混入（Mixin）模式
定义：
Mixin是可以轻松被一个子类或一组子类继承功能的类，目的是函数复用。继承Mixin是扩展功能的方式，另外也可能从多个Mixin类进行继承。
继承方式：
这个模式关键点在于继承，JavaScript上有几种实现继承的方式：
1. 原型继承
function A(){ this.name = "A"; } function B(){ } B.prototype= new A(); var b = new B(); console.log(b instanceof A); //true console.log(b instanceof B); //true
PS：无法实现多继承。
2. 拷贝继承
function extend(receiveClass, givingClass){ for(var key in givingClass.prototype){ receiveClass.prototype[key] = givingClass.prototype[key]; } } function A(){ } A.prototype.hello = function(){ console.log("hello"); } function B(){ } extend(B, A); var b = new B(); console.log(b instanceof A); //false console.log(b instanceof B); //true
PS：支持多继承，但效率低。
3. 构造继承
function A1(){ this.name = "A"; } function A2(){ this.age = 18; } function B(){ A1.call(this); A2.call(this); this.desc = "Test"; } var b = new B(); console.log(b instanceof A); //false console.log(b instanceof B); //true
PS：支持多继承
4. 实例继承
function A(){ this.name = "A"; } function B(){ var instance = new A(); instance.desc = "Test"; return instance; } var b = new B(); console.log(b instanceof A); //true console.log(b instanceof B); //false
PS：这种方式我觉得很糟糕，生成的对象本质是父类的实例，不是子类的对象，当然也不支持多继承。
例子：
// Define a simple Car constructor var Car = function ( settings ) { this.model = settings.model || "no model provided"; this.color = settings.color || "no colour provided"; }; // Mixin var Mixin = function () {}; Mixin.prototype = { driveForward: function () { console.log( "drive forward" ); }, driveBackward: function () { console.log( "drive backward" ); }, driveSideways: function () { console.log( "drive sideways" ); } }; // Extend an existing object with a method from another function augment( receivingClass, givingClass ) { // only provide certain methods if ( arguments[2] ) { for ( var i = 2, len = arguments.length; i < len; i++ ) { receivingClass.prototype[arguments[i]] = givingClass.prototype[arguments[i]]; } } else { for ( var methodName in givingClass.prototype ) { if ( !Object.hasOwnProperty.call(receivingClass.prototype, methodName) ) { receivingClass.prototype[methodName] = givingClass.prototype[methodName]; } } } } augment( Car, Mixin, "driveForward", "driveBackward" ); var myCar = new Car({ model: "Ford Escort", color: "blue" }); myCar.driveForward(); myCar.driveBackward(); augment( Car, Mixin ); var mySportsCar = new Car({ model: "Porsche", color: "red" }); mySportsCar.driveSideways();
这个例子里面Car类所扩展的功能，是通过拷贝继承的继承方式继承的。
优点：
1. 减少系统中的重复功能及增加函数复用。
缺点：
1. 将功能注入对象原型中，会导致原型污染和函数起源方面的不确定性。
PS：简单说就是找不到扩展的方法的来源。
结论：
混入模式是一种简单的结构型模式，目的是扩展子类功能，子类可从多个Mixin类收集功能。
参考文献
1. http://raychase.iteye.com/blog/1337415 （JavaScript实现继承的几种方式）
2. 《JavaScript设计模式》by 徐涛【译】
本文为原创文章，转载请保留原出处，方便溯源，如有错误地方，谢谢指正。
本文地址 ：http://www.cnblogs.com/lovesong/p/5617570.html
本文转自 海角在眼前 博客园博客，原文链接： http://www.cnblogs.com/lovesong/p/5617570.html ，如需转载请自行联系原作者
