装饰器是什么（未完成版）

装饰器是什么

概念介绍

装饰器模式（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)