类里方法的装饰器

类的方法的装饰器

• 方法的装饰器的执行时间也是在类定义之后，立即对类的方法进行装饰修改
• 方法的装饰器接受3个参数 target、key、descriptor
• 普通方法 target 对应的是类的prototype, key对应的是装饰的方法的名字
• 静态方法(static) target 对应的是类的构造函数, key对应的是装饰的方法的名字

function getNameDecorator(target: any, key: string,descriptor: PropertyDescriptor) {
  // console.log(target,key);
};

class Test{
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  @getNameDecorator
  getName() {
    return this.name;
  }
  // static getName() {
  //   return '123';
  // }
}

// const test = new Test('yang');
// console.log(test.getName());

descriptor参数就是对方法的 PropertyDescriptor属性(value,enumerable,configurable,writable )做一些编辑

class Test{
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  @getNameDecorator
  getName() {
    return this.name;
  }
}

// 默认情况下 descriptor的writable为true，也就是可以被修改。false时是只读的
const test = new Test('yang');
test.getName = () => {
  return '123';
}

console.log(test.getName());  // 123

• 当我们修改descriptor的writable为false的时候，就不能去改写getName 方法了，否则会报错
• 当然了，就算是descriptor的writable为false的时候，我们也可以通过对descriptor的value进行变更。从而达到对原来的方法的变更。因为value就是属性的值，而此时value的值就是getName方法。

function getNameDecorator(target: any, key: string,descriptor:PropertyDescriptor) {
  // console.log(target,key);
  descriptor.writable = false;
  descriptor.value = function () {
    return 'decorator'
  }
};

class Test{
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  @getNameDecorator
  getName() {
    return this.name;
  }
}

const test = new Test('yang');
console.log(test.getName());  // decorator