TypeScript | 设计模式09 - 装饰者模式

简介: 装饰模式又称为包装模式,对象被包装后,还可以继续包装添加新的功能,从而扩展对象的功能,通过装饰模式可以使系统更具有弹性,且其遵循了面向对象原则:对外开放,对修改关闭。

装饰者模式

动态的给一个对象扩展一些额外的功能,比如在调用对象之前或者之后增加新的功能,还不影响原对象本有的功能,就像是给对象增加了一些装饰。

装饰模式又称为包装模式,对象被包装后,还可以继续包装添加新的功能,从而扩展对象的功能,通过装饰模式可以使系统更具有弹性,且其遵循了面向对象原则:对外开放,对修改关闭。

普通JS实现装饰模式

var House = {
    style : function() {
        console.log('普通房子')
    }
}
​
var treeDecorator = function (){
    console.log('周围有绿化')
}
​
let style = House.style;
House.style = function() {
    style();
    treeDecorator()
};
​
House.style();

其中,重写style 方法,将原来的style和treeDecorator重新包装,然后赋值给House对象的style属性,增加原有style的功能。

基于TypeScript 的装饰器的功能

TypeScript 中的装饰器使用 @expression 这种形式,expression 求值后为一个函数,它在运行时被调用,被装饰的声明信息会被做为参数传入。

let template;
function checkCar(target, key, descriptor) {
    console.log('before checking');
    template = target;
}
​
function CloseCar(target, key, descriptor){
    console.log('close car');
    template = target;
}
​
class CarModel {
    @checkCar
    driver() {
        console.log('moving')
    }
​
    @CloseCar
    stop() {
        console.log('stop...')
    }
}
​
const car = new CarModel();
car.driver();

但是需要注意,需要开启对装饰器的支持,

  • 命令行编译文件:

    • tsc --target ES5 --experimentalDecorators demo.ts
  • 通过增加配置文件

    • {
          "compilerOptions": {
              "target": "ES5",
              "experimentalDecorators": true
          }
      }

装饰器使用

  • 在需要装饰的类,方法或属性上增加 @符号+ 方法
  • 支持多个装饰,执行顺序将按 从下到上 依此执行
  • 可支持装饰器:类、方法、属性、访问符装饰器,参数装饰器
  • 若都存在以上几种装饰器,那么这些访问器的顺序是,属性装饰器 -> 访问符装饰器 -> 方法装饰器 -> 参数装饰器 -> 类装饰器。

优点

  • 比继承灵活,动态对对象扩展,即插即用
  • 通过使用不同的装饰类及这些装饰类的排列组合,可以实现不同效果
  • 完全遵守开闭原则

应用场景

  • 当需要给现有类增加附加职责,而又不能采用生成子类的方法进行扩充时
  • 当需要通过对现有的一组基本功能进行排列组合而产生非常多功能时
  • 当对象的功能要求可以动态添加,也可以再动态地撤销时
目录
相关文章
|
6月前
|
设计模式 Java
Java设计模式【十】:装饰者模式
Java设计模式【十】:装饰者模式
50 0
|
10天前
|
设计模式 Java Kotlin
Kotlin教程笔记(56) - 改良设计模式 - 装饰者模式
Kotlin教程笔记(56) - 改良设计模式 - 装饰者模式
|
24天前
|
设计模式 Java Kotlin
Kotlin教程笔记(56) - 改良设计模式 - 装饰者模式
Kotlin教程笔记(56) - 改良设计模式 - 装饰者模式
39 0
|
1月前
|
设计模式 Java Kotlin
Kotlin 学习笔记- 改良设计模式 - 装饰者模式
Kotlin 学习笔记- 改良设计模式 - 装饰者模式
26 0
|
1月前
|
设计模式 Java Kotlin
Kotlin教程笔记(56) - 改良设计模式 - 装饰者模式
Kotlin教程笔记(56) - 改良设计模式 - 装饰者模式
22 0
|
5月前
|
设计模式 Java API
程序技术好文:设计模式:装饰者模式
程序技术好文:设计模式:装饰者模式
25 0
|
6月前
|
设计模式 Java
【设计模式系列笔记】装饰者模式
装饰者模式是一种结构型设计模式,它允许你通过将对象放入包含行为的特殊封装类中来为原始对象添加新的行为。这种模式可以动态地将责任附加到对象上,而不影响其它对象。
70 11
|
6月前
|
设计模式 缓存 安全
设计模式-代理模式(静态代理、动态代理、cglib代理)、代理模式和装饰者模式的区别
设计模式-代理模式(静态代理、动态代理、cglib代理)、代理模式和装饰者模式的区别
|
设计模式
23种设计模式_MODE08装饰者模式_手写代码实现
23种设计模式_MODE08装饰者模式_手写代码实现
|
6月前
|
设计模式
【设计模式】装饰者模式
【设计模式】装饰者模式