javaScript设计模式——装饰器模式(四)

设计模式:有助于提高代码的复用性和可维护性

常用的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('水'))
上一篇:PHP 添加字符串水印或图片水印


下一篇:Java 从入门到进阶之路(十五)