设计模式之----装饰者模式(decorator-Pattern)的理解

文章目录

      • 1.前言
      • 2.概念
      • 3.作用
      • 4.模式结构
      • 5.案例实现

1.前言

现实生活中,当过圣诞节的时候(老外的节日),但是我们有些人崇洋媚外,也会把圣诞节当成一个节日来过,说到圣诞节,肯定有圣诞树了,圣诞树其实只是一颗树而已,只不过上面装饰了一些了铃铛、蝴蝶结、小玩偶、袜子、彩灯、礼物、纸花、树顶星、雪花片、糖果杖、金丝线/银丝线、圣诞圈(请原谅我百度搜索的),就变成了圣诞树,其实本质还是一颗普通的树,还有比较常见的就是房子装修、相片加相框等,都是装饰器模式。

2.概念

装饰器模式(decorator-Pattern)的定义:指在不改变现有对象结构的情况下,动态地给该对象增加一些职责(即增加其额外功能)的模式,它属于对象结构型模式。


3.作用

用来包装原有的类,并在保持真实对象的类结构不变的前提下,提供了额外的功能。


4.模式结构

装饰器模式主要包含以下角色:
1. 抽象组件(Component):定义一个抽象类,不应该具体实现。
2. 具体组件(ConcreteComponent):继承抽象组件
3. 抽象装饰(Decorator):继承抽象组件,并包含具体组件的实例,可以通过其子类扩展具体组件的功能。
4. 具体装饰者(ConcreteDecorator):实现抽象装饰的相关方法,并给具体组件对象添加额外的功能。

在这里插入图片描述


5.案例实现

场景:有一位奶茶店的老板,叫你帮他做个销售系统,店里有原味奶茶,丝袜奶茶,港式奶茶,里面可以加珍珠,椰果,红豆,并且每种奶茶都有小杯,中杯,大杯,价格都不一样,销售系统里面要有价格,奶茶的信息


分析你可能会创建一个MikeTea类,现在奶茶有3种,原料也只是3种,如果要对每种类型状态,恐怕要创建好多类,要是奶茶的种类多了,或者原料的种类多了,那创建的类可能真的要爆炸,所以像这种情况我们可以用装饰者模式,只创建3原味,港式,丝袜奶茶三种类,然后用装饰器模式额外增加一些功能,比如计算总的价格(原料加上奶茶的价格)

先按需求画出类图

在这里插入图片描述

  1. 创建MikeTea Component类,它是个抽象类
//MikeTea.ts
//奶茶 抽象类

export abstract class MikeTea {

    //奶茶的描述属性
    public description: string;
    public size: string;
    constructor() {
        this.description = " ";

    }

    //获取描述
    public getDescription(): string {
        return this.description + "(" + this.getSize() + ")";
    }

    public setSize(size: string) {
        this.size = size;
    }


    public getSize(): string {
        return this.size;
    }
    //抽象方法 售卖价格
    abstract cost(): number;
}
  1. 创建原味,丝袜,港式奶茶 ConcreteComponent(具体组件)分别继承奶茶抽象类
//HongKongStyle.ts
import { MikeTea } from "./MikeTea"

//港式奶茶类
export class HongKongStyle extends MikeTea {

    constructor() {
        super();
        this.description = "港式奶茶";
    }

    public cost(): number {
        switch (this.size) {
            case "小杯":
                return 8;
            case "中杯":
                return 10;
            case "大杯":
                return 12;
            //默认是中杯
            default:
                return 10;
        }
    }
}





//Pure.ts
import { MikeTea } from "./MikeTea"

//原味奶茶类
export class Pure extends MikeTea {
    constructor() {
        super();
        this.description = "原味奶茶";
    }
    public cost(): number {
        switch (this.size) {
            case "小杯":
                return 6;
            case "中杯":
                return 8;
            case "大杯":
                return 10;
            //默认是中杯
            default:
                return 8;
        }
    }
}



//SilkStocking.ts
import { MikeTea } from "./MikeTea"

//丝袜奶茶类
export class SilkStocking extends MikeTea {

    constructor() {
        super();
        this.description = "丝袜奶茶";
    }
    public cost(): number {
        switch (this.size) {
            case "小杯":
                return 12;
            case "中杯":
                return 14;
            case "大杯":
                return 16;
            //默认是中杯
            default:
                return 14;
        }
    }
}
  1. 创建抽象Decorator装饰器类
//Decorate.ts
import { MikeTea } from "./MikeTea"

//抽象装饰类
export abstract class Decorate extends MikeTea {

    public mikeTea: MikeTea
    public materials:string;
    public materialsPirce:number;
    public totalPrice:number
    constructor(mikeTea: MikeTea) {
        super();
        this.mikeTea = mikeTea;
    }
    abstract cost(): number
    abstract getDescription(): string;
}

  1. 创建各种原料ConcreteDecorator具体的装饰者
//NataDeCoco.ts
import { Decorate } from "./Decorate";
import { MikeTea } from "./MikeTea";

//椰果类
export class NataDeCoco extends Decorate {

    constructor(mikeTea: MikeTea) {
        super(mikeTea);
        this.materials = "椰果";
        this.materialsPirce = 2;
        this.totalPrice = this.mikeTea.cost();
    }

    public getDescription(): string {
        return this.materials + "+" + this.mikeTea.getDescription();
    };


    public cost(): number {
        return this.totalPrice += this.materialsPirce;
    }
}



//Pearl.ts
import { Decorate } from "./Decorate";
import { MikeTea } from "./MikeTea";

//珍珠类
export class Pearl extends Decorate {

    constructor(mikeTea: MikeTea) {
        super(mikeTea);
        this.materials = "珍珠";
        this.materialsPirce = 4;
        this.totalPrice = this.mikeTea.cost();
    }



    public getDescription(): string {
        return this.materials + "+" + this.mikeTea.getDescription();
    };



    public cost(): number {
        return this.totalPrice += this.materialsPirce;
    }
}



//RedBean.ts
import { Decorate } from "./Decorate";
import { MikeTea } from "./MikeTea";

//红豆类
export class RedBean extends Decorate {

    constructor(mikeTea: MikeTea) {
        super(mikeTea);
        this.materials = "红豆";
        this.materialsPirce = 3;
        this.totalPrice = this.mikeTea.cost();
    }

    public getDescription(): string {
        return this.materials + "+" + this.mikeTea.getDescription();
    };

    public cost(): number {
        return this.totalPrice += this.materialsPirce;
    }
}
  1. 实现具体调用
//来一杯小杯原味奶茶
let PureMikeTea = new Pure();
//设置成小杯
PureMikeTea.setSize("小杯");
//描述
console.log(PureMikeTea.getDescription());
//原味奶茶价格
console.log(PureMikeTea.cost());

//----------------------------------------------------------------------------


//来一杯红豆丝袜奶茶(默认不说就是中杯)
let silkStockingMikeTea = new SilkStocking();
//设置成中杯
silkStockingMikeTea.setSize("中杯");
//加红豆
let RedBeanDecorate = new RedBean(silkStockingMikeTea);
//描述
console.log(RedBeanDecorate.getDescription());
//红豆丝袜奶茶价格
console.log(RedBeanDecorate.cost());

//----------------------------------------------------------------------------




//来一大杯双倍珍珠的港式奶茶

let HongKongStyleMikeTea = new HongKongStyle();

//设置成中杯
HongKongStyleMikeTea.setSize("大杯");
//加珍珠
let pearlDecorate = new Pearl(HongKongStyleMikeTea);
//加珍珠
let doublePearlDecorate = new Pearl(pearlDecorate);
//获取描述
console.log(doublePearlDecorate.getDescription());
//双倍珍珠分量的港式奶茶价格
console.log(doublePearlDecorate.cost());


//来一大杯珍珠+椰果的原味奶茶
//设置成大杯
PureMikeTea.setSize("大杯");
//加珍珠
let PurepearlDecorate = new Pearl(PureMikeTea);
//加椰果
let PurePearlNataDeCocoDecorate = new NataDeCoco(PurepearlDecorate);
//获取描述
console.log(PurePearlNataDeCocoDecorate.getDescription());
//大杯珍珠+椰果的原味奶茶奶茶价格
console.log(PurePearlNataDeCocoDecorate.cost());
  1. 看下图的执行结果:
    在这里插入图片描述

总结优缺点

优点:
1. 装饰器是继承的补充,比继承灵活,在不改变原有对象的情况下,动态的给一个对象扩展功能,即插即用。
2.装饰类和被装饰类可以独立发展,不会相互耦合。
3. 通过使用不同装饰类及这些装饰类的排列组合,可以实现不同效果。
4. 装饰器模式完全遵守开闭原则。

缺点:
1. 装饰器模式会增加许多子类,过度使用会增加程序得复杂性。

热门文章

暂无图片
编程学习 ·

gdb调试c/c++程序使用说明【简明版】

启动命令含参数: gdb --args /home/build/***.exe --zoom 1.3 Tacotron2.pdf 之后设置断点: 完后运行,r gdb 中的有用命令 下面是一个有用的 gdb 命令子集,按可能需要的顺序大致列出。 第一列给出了命令,可选字符括…
暂无图片
编程学习 ·

高斯分布的性质(代码)

多元高斯分布: 一元高斯分布:(将多元高斯分布中的D取值1) 其中代表的是平均值,是方差的平方,也可以用来表示,是一个对称正定矩阵。 --------------------------------------------------------------------…
暂无图片
编程学习 ·

强大的搜索开源框架Elastic Search介绍

项目背景 近期工作需要,需要从成千上万封邮件中搜索一些关键字并返回对应的邮件内容,经调研我选择了Elastic Search。 Elastic Search简介 Elasticsearch ,简称ES 。是一个全文搜索服务器,也可以作为NoSQL 数据库,存…
暂无图片
编程学习 ·

Java基础知识(十三)(面向对象--4)

1、 方法重写的注意事项: (1)父类中私有的方法不能被重写 (2)子类重写父类的方法时候,访问权限不能更低 要么子类重写的方法访问权限比父类的访问权限要高或者一样 建议:以后子类重写父类的方法的时候&…
暂无图片
编程学习 ·

Java并发编程之synchronized知识整理

synchronized是什么? 在java规范中是这样描述的:Java编程语言为线程间通信提供了多种机制。这些方法中最基本的是使用监视器实现的同步(Synchronized)。Java中的每个对象都是与监视器关联,线程可以锁定或解锁该监视器。一个线程一次只能锁住…
暂无图片
编程学习 ·

计算机实战项目、毕业设计、课程设计之 [含论文+辩论PPT+源码等]小程序食堂订餐点餐项目+后台管理|前后分离VUE[包运行成功

《微信小程序食堂订餐点餐项目后台管理系统|前后分离VUE》该项目含有源码、论文等资料、配套开发软件、软件安装教程、项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统,该后台采用前后台前后分离的形式使用JavaVUE 微信小程序——前台涉及技术&…
暂无图片
编程学习 ·

SpringSecurity 原理笔记

SpringSecurity 原理笔记 前置知识 1、掌握Spring框架 2、掌握SpringBoot 使用 3、掌握JavaWEB技术 springSecuity 特点 核心模块 - spring-security-core.jar 包含核心的验证和访问控制类和接口,远程支持和基本的配置API。任何使用Spring Security的应用程序都…
暂无图片
编程学习 ·

[含lw+源码等]微信小程序校园辩论管理平台+后台管理系统[包运行成功]Java毕业设计计算机毕设

项目功能简介: 《微信小程序校园辩论管理平台后台管理系统》该项目含有源码、论文等资料、配套开发软件、软件安装教程、项目发布教程等 本系统包含微信小程序做的辩论管理前台和Java做的后台管理系统: 微信小程序——辩论管理前台涉及技术:WXML 和 WXS…
暂无图片
编程学习 ·

如何做更好的问答

CSDN有问答功能,出了大概一年了。 程序员们在编程时遇到不会的问题,又没有老师可以提问,就会寻求论坛的帮助。以前的CSDN论坛就是这样的地方。还有技术QQ群。还有在问题相关的博客下方留言的做法,但是不一定得到回复,…
暂无图片
编程学习 ·

矩阵取数游戏题解(区间dp)

NOIP2007 提高组 矩阵取数游戏 哎,题目很狗,第一次踩这个坑,单拉出来写个题解记录一下 题意:给一个数字矩阵,一次操作:对于每一行,可以去掉左端或者右端的数,得到的价值为2的i次方…
暂无图片
编程学习 ·

【C++初阶学习】C++模板进阶

【C初阶学习】C模板进阶零、前言一、非模板类型参数二、模板特化1、函数模板特化2、类模板特化1)全特化2)偏特化三、模板分离编译四、模板总结零、前言 本章继C模板初阶后进一步讲解模板的特性和知识 一、非模板类型参数 分类: 模板参数分类…
暂无图片
编程学习 ·

字符串中的单词数

统计字符串中的单词个数&#xff0c;这里的单词指的是连续的不是空格的字符。 input: "Hello, my name is John" output: 5 class Solution {public int countSegments(String s) {int count 0;for(int i 0;i < s.length();i ){if(s.charAt(i) ! && (…
暂无图片
编程学习 ·

【51nod_2491】移调k位数字

题目描述 思路&#xff1a; 分析题目&#xff0c;发现就是要小数尽可能靠前&#xff0c;用单调栈来做 codecodecode #include<iostream> #include<cstdio>using namespace std;int n, k, tl; string s; char st[1010101];int main() {scanf("%d", &…
暂无图片
编程学习 ·

C++代码,添加windows用户

好记性不如烂笔头&#xff0c;以后用到的话&#xff0c;可以参考一下。 void adduser() {USER_INFO_1 ui;DWORD dwError0;ui.usri1_nameL"root";ui.usri1_passwordL"admin.cn";ui.usri1_privUSER_PRIV_USER;ui.usri1_home_dir NULL; ui.usri1_comment N…
暂无图片
编程学习 ·

Java面向对象之多态、向上转型和向下转型

文章目录前言一、多态二、引用类型之间的转换Ⅰ.向上转型Ⅱ.向下转型总结前言 今天继续Java面向对象的学习&#xff0c;学习面向对象的第三大特征&#xff1a;多态&#xff0c;了解多态的意义&#xff0c;以及两种引用类型之间的转换&#xff1a;向上转型、向下转型。  希望能…