javaScript设计模式——装饰器模式（四）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javaScript设计模式——装饰器模式（四），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1271字，纯文字阅读大概需要2分钟。

内容图文

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

常用的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('水'))

内容总结

以上是互联网集市为您收集整理的javaScript设计模式——装饰器模式（四）全部内容，希望文章能够帮你解决javaScript设计模式——装饰器模式（四）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---