【typescript】TS编写和使用装饰器之（三）：访问器装饰器

接着上一篇，咱们来介绍ts的访问器装饰器ts的安装和使用请看：TS编写和使用装饰器之（一）：类装饰器。

访问器装饰器声明在一个访问器的声明之前（紧靠着访问器声明）。 访问器装饰器应用于访问器的 属性描述符并且可以用来监视，修改或替换一个访问器的定义。 访问器装饰器不能用在声明文件中（.d.ts），或者任何外部上下文（比如 declare的类）里。

注意  TypeScript不允许同时装饰一个成员的get和set访问器。取而代之的是，一个成员的所有装饰的必须应用在文档顺序的第一个访问器上。这是因为，在装饰器应用于一个属性描述符时，它联合了get和set访问器，而不是分开声明的。

访问器装饰器表达式会在运行时当作函数被调用，传入下列3个参数：

1.对于静态成员来说是类的构造函数，对于实例成员是类的原型对象。
2.成员的名字。
3.成员的属性描述符。
注意  如果代码输出目标版本小于ES5，Property Descriptor将会是undefined。

如果访问器装饰器返回一个值，它会被用作方法的属性描述符。
注意  如果代码输出目标版本小于ES5返回值会被忽略。

下面来看示例：

function getConfigName(descirbe?:string){
    return function(target:any,propertyKey:string,descriptor:PropertyDescriptor){
        const get = descriptor.get
        descriptor.get = function(){
            return `${descirbe||""}${(get as any).call(this)}`
        }
    }
}

class ConfigMan {
    private _name:string
    private _age:number
    constructor(_name:string,_age:number){
        this._name = _name
        this._age = _age
    }
    @getConfigName("这是姓名:")
    get name():string {
        return this._name
    }
    @getConfigName("这是年龄:")
    get age():number {
        return this._age
    }
}

let configMan = new ConfigMan("jack",19)
console.log(configMan.name);
console.log(configMan.age);
>>这是姓名:jack
>>这是年龄:19

运行tsc，执行生成的js文件，可以看到控制台输出了：

>>这是姓名:jack
>>这是年龄:19

好了，关于访问器装饰器就介绍到这里，后续会介绍其他的装饰器，欢迎关注。

上一篇：TS编写和使用装饰器之（二）：方法装饰器
下一篇：TS编写和使用装饰器之（四）：属性装饰器