类装饰

  1. @add
  2. class My {
  4. }
  5. function add(target) { // 修饰类的时候 target指代的就是类
  6.   target.flag = 'ok'
  7. }
  8. console.log(My.flag) // ok

属性装饰

  1. class Circle {
  2.   @readonly PI = 3.14  // 不可修改
  3. }
  5. function readonly(target,key,descriptor) {
  6. // target:类的原型 key：PI  descriptor：描述器
  7.     descriptor.writable = false;
  8.     return descriptor  //必须返回一个描述对象
  9. }
  10. let c = new Circle();
  11. c.PI = 100   //会报错

原型的上的方法的装饰器

  1. class Person{
  2.   @say
  3.   say(){
  4.     console.log('哈哈')
  5.   }
  6. }
  8. function say(target,key,descriptor) {
  9.   let oldSay = descriptor.value 
  10.   descriptor.value = function () { //修改方法
  11.     console.log('start say');
  12.     oldSay();  //调用旧方法
  13.     console.log('end say');
  14.   }
  15. }
  17. let p = new Person;
  18. p.say();

淘宝FED：ES7 Decorator 装饰者模式