ES6设计模式之装饰者模式

本文深入探讨了装饰者模式,一种遵循开放封闭原则的设计模式,允许在不修改原始对象的前提下为其添加新的功能。通过一个生动的例子——不同调料的粥,展示了如何使用装饰者模式来动态地为对象添加职责。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

就是不修改原来的对象的情况下,对对象的功能进行扩充的一种方法。遵循的是开放封闭原则,类可以扩充但是不可以修改。 各种粥里面有不同的调料,不同的调料可以加不同的量,最后粥的价钱不等。下面是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);

上面只是一个例子,装饰者的本质为对象增加功能而不触动开放封闭原则。

转载于:https://www.cnblogs.com/node-jili/p/10161489.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值