其他分享
首页 > 其他分享> > typescript装饰器-访问器装饰器

typescript装饰器-访问器装饰器

作者:互联网

我们知道,在js中类中(Object)中的属性有4个描述起行为的特性:
Configurable:表示能否通过delete删除属性从而重新定义属性;
Enumerable:表示能否通过for-in循环返回属性
writable:表示能否修改属性的值
Value:包含这个属性的数据值(个人认为其作用就是赋值)
以上四个属性在不显示调用Object.defineProperty()的时候,前三个默认值都为true,而value为你自己设定的值,如果不设定的话则为undefined。
 而其中最特殊的则是configurable,根据《javascript高级程序设计(第三版)》所说:一旦把该属性定义为false之后,那么除了writable之外,其他所有的属性都无法再修改。

/**
 * 访问器装饰器的参数
 * @param target  类的原型对象
 * @param key 属性的名称(被装饰的属性)
 * @param descriptor 描述符
 */
 function visitDecorator(target: any, key: string, descriptor: PropertyDescriptor) {
    descriptor.writable = false;
  }
  
  class Test{ 
    private name: string;  // 访问器:private、 public、 protect
    constructor(name: string) {
      this.name = name;
    }
    get getName() {
      return this.name
    }
    @visitDecorator
    set setName(name: string) {
      this.name = name;
    }
  }
  
  const test = new Test('张三');
  console.log(test.getName);
  test.setName = '李四';
  console.log(test.getName);
  // 访问器装饰器将 writable 为 false 也是会报错的,因为这不能重写
  // 错误:TypeError: Invalid property descriptor. Cannot both specify accessors and a value or writable attribute, #<Object>

 

标签:typescript,name,descriptor,writable,访问,test,装饰,string,属性
来源: https://www.cnblogs.com/wuchen-wanou/p/14915709.html