ES6設計模式之裝飾者模式
就是不修改原來的物件的情況下,對物件的功能進行擴充的一種方法。遵循的是開放封閉原則,類可以擴充但是不可以修改。 各種粥裡面有不同的調料,不同的調料可以加不同的量,最後粥的價錢不等。下面是es實現:
// 注意粥裡面可以加入不同的調料,調料不一樣價錢不一樣。
class Porridge{
constructor(){ this.ary_season = [] }
add(season){ this.ary_season.push(season); return this; }
// 不加任何調料2.8;
cost(){ return 2.8 + this.ary_season.reduce(function(prov,current){ return prov + current.cost(); },0); }
}
class beef{
constructor(number){ this.number = number; } // 牛肉單價10塊。
cost(){ return this.number*10; }
}
class peanut{
constructor(number){ this.number = number; }
cost(){ return this.number*2; }
}
class egg{
constructor(number){ this.number = number; }
cost(){ return this.number*1; }
}
var myporride = new Porridge();
var price = myporride.add(new peanut(2)).add(new beef(0.4)).add(new egg(1)).cost();
console.log(price);
上面只是一個例子,裝飾者的本質為物件增加功能而不觸動開放封閉原則。