JavaScript设计模式 样例三 —— 装饰模式
装饰模式(Decorator Pattern):
定义:在不改变原对象的情况下,动态的给对象添加一些额外的职责。就功能而言,装饰模式相比生成子类更为灵活。 目的:把类的核心职责和装饰功能区分开。可以去除相关类中重复的逻辑。 场景:当系统需要扩展一个类的功能,或者客户端需要动态的给一个对象添加功能,并且使用继承或生成子类会很复杂的时候。 装饰模式体现了"多用组合,少用继承"这一设计原则。
例:JS代码实现
// 一辆小汽车 的构造函数 function ACar () { // 一辆原味小汽车的价格是 99 元 this.price = function () { return 99 } } // 装饰器 —— 汽车喇叭 function carTrumpet (car) { let price = car.price() car.trumpet = function () { console.log('滴 滴滴') } // 一个喇叭加价 10 元 car.price = function () { return price + 10 } } // 装饰器 —— 行车记录仪 function carRecorder (car) { let price = car.price() car.recorder = function () { console.log('让一让啊 让一让 我有行车记录仪') } // 一个行车记录仪加价 9.9 元 car.price = function () { return price + 9.9 } } // 初始化一辆小汽车 let car = new ACar() // 给小汽车装上喇叭 carTrumpet(car) // 给小汽车装上行车记录仪 carRecorder(car) // 最后小汽车的价格是 118.9 元 console.log(car.price())