tsconfig的useDefineForClassFields属性怎么使用

useDefineForClassFields 作用

将 class 声明中的字段语义从 [[Set]] 变更到 [[Define]]

示例

如下代码

export class C {
  foo = 100;
  bar: string;
}

当 useDefineForClassFields 设置为 false 时，编译后结果如下

export class C {
  constructor () {
    this.foo = 100;
  }
}

当 useDefineForClassFields 设置为 true 时，编译后结果如下， 要注意 target 版本要在 ES2021 之前的版本

export class C {
  constructor () {
    Object.defineProperty(this, 'foo', {
      enumerable: true,
      configurable: true,
      writable: true,
      value: 100
    })
    Object.defineProperty(this, 'bar', {
      enumerable: true,
      configurable: true,
      writable: true,
      value: void 0
    })
  }
}

当 target 版本在 ES2022 及其以上，编译结果如下

export class C {
  foo = 100;
  bar;
}