类的方法的装饰器
- 方法的装饰器的执行时间也是在类定义之后，立即对类的方法进行装饰修改
- 方法的装饰器接受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
