js 装饰器_JS日常——装饰器Decorator

js中装饰器可以修饰类和属性,但是不能修饰function(这里插一句js中function和method有些许不同,function是可以独立执行的一段代码,而method是需要通过对象才能调用的函数);装饰器对类的行为的改变，是代表编译时发生的，而不是在运行时。

1.修饰类的时候可以给类增加静态或者实例属性即修改类的行为,例如

@Host(URL)class DecoratorTest {
constructor() {
}

}

function Host(url) {return function (target, name, descriptor) {
target.prototype.host = url;return target;
}
}

上面代码即给类添加了host属性

2.修饰类的方法:descriptor.value是函数体本身可以进行修改其行为,注:如果调用使用then则getTest方法不可以使用箭头函数,这里我也没有搞明白为啥子???????

@PATTER('jack', 'name', 'year')
getTest(name, year) {console.log('________________________________________', name, year);
};

function PATTER(url, ...definesKey) {return (target, name, descriptor) => {console.log('url&definesKey', url, ...definesKey);console.log('target', target, 'n name', name, 'n descriptor', descriptor.value);let original = descriptor.value;
descriptor.value = async (...params) => {console.log('params', ...params);// return original.apply(this, params)return await AxiosPost(url, target, params);
};return descriptor;
}
}