javascript设计模式之Decorator（装饰者）模式

Decorator是一种结构型设计模式，用于促进代码复用，是一种可行的对象子类化的替代方案。Decorator提供了将行为动态添加到系统现有类的能力。其想法是，装饰者本身对于类原有的基本功能来说并不是必要的；否则，它就可以合并到超类本身。

装饰者可以用于修改现有的系统，希望在系统中为对象添加额外的功能，而不需要大量修改使用它们的底层代码。开发人员使用装饰者的一个原因是，应用程序可能包含需要大量不同类型对象的功能。

Decorator模式并不严重依赖于创建对象的方式，而是关注扩展其额外功能。我们使用了一个单一的基本对象并逐步添加提供额外功能的Decorator对象，而不是仅仅依赖于原型继承。这个想法是：向基本对象添加属性或者方法，而不是进行子类化 ，因此它较为精简。

在JavaScript中向对象添加新属性是一个非常简单的过程：

  function Vehicle(vehicleType){
        this.vehicleType = vehicleType || "car";
        this.model="default";
    }

    var truck = new Vehicle("truck");
    //给truck装饰新功能
    truck.setModel = function (modelName){
        this.model = modelName;
    }

使用多个装饰者装饰对象：

  function MacBook(){
      this.cost = function(){
          return 997;
      }
      this.screenSize = function(){
          return 13;
      }
  }
    //Decorator 1
    function Memory(macbook){
        var v = macbook.cost();
        macbook.cost = function (){
            return v + 75;
        }
    }
    //Decorator 2
    function Engraving (macbook) {
        var v = macbook.cost();
        macbook.cost = function(){
            return v + 200;
        }
    }
    var mb = new MacBook();
    Memory(mb);
    Engraving(mb);
    

装饰行为并没有重写原始MacBook对象的构造函数方法，原来的MacBook依然保持不变并完好无损。