设计模式:有助于提高代码的复用性和可维护性
常用的12种设计模式
装饰器模式(Decorator Pattern)允许向一个现有的对象添加新的功能,同时又不改变其结构。这种类型的设计模式属于结构型模式,它是作为现有的类的一个包装。
意图
动态地给一个对象添加一些额外的职责。就增加功能来说,装饰器模式相比生成子类更为灵活。
主要解决
一般的,我们为了扩展一个类经常使用继承方式实现,由于继承为类引入静态特征,并且随着扩展功能的增多,子类会很膨胀。
优点
装饰类和被装饰类可以独立发展,不会相互耦合,装饰模式是继承的一个替代模式,装饰模式可以动态扩展一个实现类的功能。
缺点
多层装饰比较复杂。
使用场景:
1、扩展一个类的功能。
2、动态增加功能,动态撤销。
应用实例
一种普通的咖啡只有水和咖啡豆,但是咖啡里面可以加糖或者牛奶
代码实现
//装饰器模式会优先与继承
//例子 咖啡 +牛奶 + 糖
class Coffee{
//制作方法
make(water){
return `${water}+咖啡豆`
}
}
//加奶咖啡 ---- 装饰咖啡,需要加奶
class MilkCoffer{
constructor(){
this.parent = new Coffee()
}
make(water){
return `${water}+咖啡豆+牛奶`
}
}
//加糖咖啡 ----装饰咖啡,需要加糖
class SugarCoffer{
constructor(){
this.parent = new Coffee()
}
make(water){
return `${water}+咖啡豆+糖`
}
}
console.log(new MilkCoffer().make('水'))
console.log(new SugarCoffer().make('水'))