設計模式之Mixin模式

介紹

mixin模式就是一些提供能夠被一個或者一組子類簡單繼承功能的類,意在重用其功能。在面向對象的語言中，我們會通過接口繼承的方式來實現功能的復用。但是在javascript中，我們沒辦法通過接口繼承的方式，但是我們可以通過javascript特有的原型鏈屬性，將功能引用復制到原型鏈上，達到功能的注入。

具體實現代碼：

 

var Car = function(opts){
    this.speed = opts.speed || 0
  } 

  var Bike = function(opts){
    this.speed = opts.speed || 0;
    this.ride = function(){
      console.log('現在騎行速度是' + this.speed)
    }
  }

  var Feature = function(){

  }

  Feature.prototype = {
    drive : function(){
      console.log('現在開車速度是' + this.speed)
    },
     accelerate : function(val){
        this.speed = this.speed + val;
     }
  }

  //混入模式的實現
  function Mixin(recClass,giveClass){
    if(arguments.length > 2){
      for(var i = 2,lenth = arguments.length; i < lenth ; ++ i){
        var methodName = arguments[i];
        recClass.prototype[methodName] = giveClass.prototype[methodName];
      }
    }else{
      for(var methodName in giveClass.prototype){
        if(!recClass.prototype[methodName]){
          recClass.prototype[methodName] = giveClass.prototype[methodName];
        }
      }
    }
  }

  Mixin(Car,Feature);
  var BMW = new Car({
  })
  
  BMW.accelerate(20)
  BMW.drive()

  Mixin(Bike,Feature,'accelerate');
  
  var ofo = new Bike({})

  ofo.accelerate(8);
  ofo.ride();

 

優點和缺點

Mixin支持在一個系統中降解功能的重復性,增加功能的重用性.在一些應用程序也許需要在所有的對象實體共享行為的地方,我們能夠通過在一個Mixin中維護這個共享的功能,來很容易的避免任何重復,而因此專注於只實現我們系統中真正彼此不同的功能。

也就是說,對Mixin的副作用是值得商榷的.一些開發者感覺將功能注入到對象的原型中是一個壞點子,因為它會同時導致原型污染和一定程度上的對我們原有功能的不確定性.在大型的系統中,很可能是有這種情況的。