【TypeScript】tsconfig的useDefineForClassFields属性

752 阅读1分钟

说明

将 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
}