1. 程式人生 > >ES6設計模式之裝飾者模式

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);

上面只是一個例子,裝飾者的本質為物件增加功能而不觸動開放封閉原則。