微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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>

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐