typescript装饰器-访问器装饰器

2024-01-21 23:39:35

我们知道，在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>

码农公寓

相关文章