装饰器之 get / set 装饰器
2023-12-30 17:44:50
前置知识:
class b {
val = 999;
get bv() {
return this.val;
}
set bv(v) {
this.val = v;
}
}
let ins = new b();
console.log(ins.bv); //999
ins.bv = 888;
console.log(ins.bv); //888
?类可以在一个方法前加 get / set 设置该方法的行为;
而 get / set 装饰器就是用来替代原来的 get/set 方法内的逻辑;
class b {
val:any = 999;
@myGet
get bv() {
return this.val;
}
set bv(v) {
this.val = v;
}
}
function myGet(value: any, context: ClassGetterDecoratorContext){
return function(){
return '替换原来的get'
}
}
let ins = new b();
console.log(ins.bv); //'替换原来的get'
class b {
val: any = 999;
@mySet("替代自身set")
set bv(v: any) {
this.val = v;
}
get bv() {
return this.val;
}
}
function mySet(setVal: string) {
return function (value: any, context: ClassSetterDecoratorContext) {
return function (this: any) {
this.val = setVal;
};
};
}
let ins = new b();
ins.bv = 888;
console.log(ins.bv); //替代自身set
文章来源:https://blog.csdn.net/gu2022_3_5_21_23/article/details/135305661
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!