是否可以在打字稿中创建动态 getter/setter？

我是 TypeScript 新手，我正在尝试将我们的应用程序从 es2016 重写为 TypeScript。 我的任务是拥有一个具有数据属性的类，并使数据对象中的每个元素可用作类属性。

我被这段 JavaScript 代码困住了：

for(let key in this.data) {
  Object.defineProperty(this, key, {
    get: function(value:any) { return this.data[key]; },
    set: function(value:any) {
      if (this.data[key] !== value) {
        this.data[key] = value;
        this.updatedKeys.push(key);
      }
    },
  });
}

使用打字稿的 getter/setter 非常容易，但我很困惑是否可以动态创建它们？

interface IData {
  id: number;
  [propName: string]: any;
}

class Model  {
  
  protected updatedKeys:string[] = [];
  
  baseUrl:string = null;
  data:IData;
  fields:IData;
  
  constructor(data:IData={id:null}, fields:IData={id:null}) {
    super();
    this.data = data;
    this.fields = fields;
    
    for(let key in this.data) {
      Object.defineProperty(this, key, {
        get: function(value:any) { return this.data[key]; },
        set: function(value:any) {
          if (this.data[key] !== value) {
            this.data[key] = value;
            this.updatedKeys.push(key);
          }
        },
      });
    }
  }
}

tsc -t ES2016 --lib "es2016","dom" models.ts

会给出这个错误：

models.ts(33,40): error TS2345: Argument of type '{ get: (value: any) => any; set: (value: any) => void; }' is not assignable to parameter of type 'PropertyDescriptor & ThisType<any>'.
  Type '{ get: (value: any) => any; set: (value: any) => void; }' is not assignable to type 'PropertyDescriptor'.
    Types of property 'get' are incompatible.
      Type '(value: any) => any' is not assignable to type '() => any'.

而且我不知道如何摆脱这个问题。

感谢https://github.com/epicgirl1998 https://github.com/epicgirl1998，她帮助我找到了解决方案。我将其发布在这里：

错误是 getter 有一个值参数，即使 getters 没有传递任何值

我用 get 替换了它： function() { return this.data[key]; }， 现在 唯一的错误是类中有一个 super 调用，它只是 如果该类扩展另一个类则需要

另外，访问器中的 this 并不引用类实例， 但使用箭头函数应该可以解决这个问题

尝试这个：

interface IData {
  id: number;
  [propName: string]: any;
}

class Model  {
  
  protected updatedKeys:string[] = [];
  
  baseUrl:string = null;
  data:IData;
  fields:IData;

  constructor(data:IData={id:null}, fields:IData={id:null}) {
    
    this.data = data;
    this.fields = fields;
    
    for(let key in this.data) {
      Object.defineProperty(this, key, {
        get: () => { return this.data[key]; },
        set: (value:any) => {
          if (this.data[key] !== value) {
            this.data[key] = value;
            this.updatedKeys.push(key);
          }
        },
      });
    }
  }
}