TypeScript 方法装饰器

/**
 * 装饰器永远是个方法,方法的装饰器,里面的三个参数是规定好的
 * 
 * @param target 普通方法 target 对应的是类的 prototype
 *               静态方法 target 对应的是类的构造函数
 * 
 * @param key 装饰方法的名字
 * 
 * @param descriptor
 */
function getNameDecorator(target: any, key: string, descriptor: PropertyDescriptor) {
  // console.log(target, key, descriptor);
  descriptor.writable = false;
}

class Test{ 
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  // 方法装饰器
  @getNameDecorator
  getName() {
    return this.name
  }
}

const test = new Test('dell');

// 这里对 getName 做了修改,打印出 123
// test.getName =  () => {
//   return '123'
// }
// console.log( test.getName() );
// 如果想不允许对这个 getName 做修改,就可以在装饰器里面进行修饰, writable 改成 false 就不能改了

test.getName =  () => {
  return '123'
}
console.log(test.getName());
// 这个时候会报错,改成 true ,则不会报错

 

相关文章

我最大的一个关于TypeScript的问题是,它将原型的所有方法(无...
我对React很新,我正在尝试理解子组件之间相互通信的简洁方法...
我有一个非常简单的表单,我将用户电子邮件存储在组件的状态,...
我发现接口非常有用,但由于内存问题我需要开始优化我的应用程...
我得到了一个json响应并将其存储在mongodb中,但是我不需要的...
我试图使用loadsh从以下数组中获取唯一类别,[{"listing...