《设计模式》之装饰者模式

装饰者模式

“对扩展开放，对修改关闭”
定义：

装饰者模式：动态的将责任附加到对象上。想要扩展功能，装饰者提供有别于继承的另一种选择

装饰者模式是一种非常实用的模式，动态的给对象增加功能，扩展性非常强；

很多编程语言都在语言层面实现装饰者模式，特别是支持函数式编程的语言，比如Typescript的装饰器、Python的装饰器，原理都是装饰者模式；

一个最常用的场景就是给一个函数动态的增加调用日志、调用的耗时等等。

代码示例：

// 定义一个组件接口
interface IComponent {
    process(): void
}

// 定义一个抽象的组件类，方便初始化
abstract class Component implements IComponent {

    protected decorator?: IComponent

    constructor(decorator?: IComponent) {
        this.decorator = decorator
    }

    abstract process(): void
}

// 定义一个可以处理url请求的控制器
class Controller extends Component {

    constructor(public url: string) {
        super()
    }

    public process() {
        this.decorator?.process()
        console.log('控制器处理请求：' + this.url)
    }

}

// 定义一个处理日志的装饰器
class LogComponent extends Component {
    
    public process() {
        console.log('处理请求开始...' + new Date().toLocaleTimeString())
        this.decorator?.process()
        console.log('处理请求结束...' + new Date().toLocaleTimeString())
    }

}

// 定义一个处理权限校验的装饰器
class AuthDetectComponent extends Component {

    private role: string

    constructor(decorator: Component, role: string) {
        super(decorator)
        this.role = role
    }

    public process() {
        console.log('开始做权限校验...')
        if (this.role === 'admin') {
            console.log('权限校验通过...')
            this.decorator?.process()
        } else {
            console.log('权限认证失败')
        }
    }
    
}

// 测试
let p: IComponent = new Controller('/api/user/info')
p = new LogComponent(p)
p = new AuthDetectComponent(p, 'admin')
p.process()

输出结果：

[LOG]: 开始做权限校验... 
[LOG]: 权限校验通过... 
[LOG]: 处理请求开始...下午5:46:59 
[LOG]: 控制器处理请求：/api/user/info 
[LOG]: 处理请求结束...下午5:46:59