TS结构型设计模式之装饰模式

最新推荐文章于 2024-06-20 11:35:26 发布

from_the_star

最新推荐文章于 2024-06-20 11:35:26 发布

阅读量365

点赞数

分类专栏：设计模式文章标签：设计模式 javascript typescript

本文链接：https://blog.csdn.net/from_the_star/article/details/108020553

版权

本文介绍了TS中的装饰模式，用于在不改变原有对象的基础上扩展功能。装饰模式包括类装饰器、方法装饰器、访问符装饰器、属性装饰器和参数装饰器五种类型，它们分别在声明时执行，并按照编码顺序执行。装饰模式常用于扩展类功能或动态增加对象功能，是对继承的良好补充，但多层装饰可能增加复杂性。

摘要由CSDN通过智能技术生成

定义

Decorators make it possible to annotate and modify classes and properties at design time.
装饰器可以让你在设计时对类和类的属性进行注解和修改

通俗来说，就是在不改变原有对象的基础上，通过对其进行包装扩展（添加属性或者方法）使原有对象可以满足用户更复杂的需求。就增加功能来说，装饰模式相对生成子类更为灵活。

实现

装饰模式有不同的实现方法，
第一种，使用继承方式，构建装饰类，传入被装饰类，进行修饰；

//被装饰的类
class Component{
   
    public operate(){
   
        console.log("做些事...");
    }
}

//装饰类
class Decorator extends Component{
   
    private component:Component
    constructor(){
   
        super();
        this.component = new Component();
    }
    
    //传入扩展