装饰器是什么
概念介绍
装饰器模式(Decorator Pattern)允许向一个现有的对象添加新的功能,同时又不改变其结构。这种类型的设计模式属于结构型模式,它是作为现有的类的一个包装。
这种模式创建了一个装饰类,用来包装原有的类,并在保持类方法签名完整性的前提下,提供了额外的功能。
我们通过下面的实例来演示装饰器模式的用法。其中,我们将把一个形状装饰上不同的颜色,同时又不改变形状类。
定义一个方法
class Log { print(msg) { console.log(msg) } } const log = new Log() log.print('hello')
装饰一下Print函数
- 日志美化
- 执行日志 AOP
const dec = (target,property) => { const old = target.prototype.print target.prototype[property] = msg => { console.log('执行print方法...') msg = `{${msg}}` old(msg) } } dec(Log,'print')
- 装饰器工厂
- 打印定制化
const dec = name => (target,property) => { const old = target.prototype.print target.prototype[property] = msg => { console.log('执行print方法...') msg = `{${msg}} ${name}` old(msg) } } dec('Josephxia')(Log,'print')
注解风格的装饰器
function decorate(target, property, descriptor) { var oldValue = descriptor.value; descriptor.value = msg => { msg = `[${msg}]` return oldValue.apply(null, [msg]); } return descriptor; } class Log { @decorate print(msg) { console.log(msg) } }
const anotation = (target,proterty,decorate) => { const descriptor = decorate(Log.prototype, proterty, Object.getOwnPropertyDescriptor(Log.prototype, proterty)) Object.defineProperty(Log.prototype ,proterty,descriptor) } anotation(Log,'print',decorate)