這篇“tsconfig的useDefineForClassFields屬性怎么使用”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來(lái)看看這篇“tsconfig的useDefineForClassFields屬性怎么使用”文章吧。

創(chuàng)新互聯(lián)主營(yíng)思南網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,成都app開發(fā),思南h5重慶小程序開發(fā)公司搭建,思南網(wǎng)站營(yíng)銷推廣歡迎思南等地區(qū)企業(yè)咨詢

useDefineForClassFields 作用

將 class 聲明中的字段語(yǔ)義從 [[Set]] 變更到 [[Define]]

示例

如下代碼

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

當(dāng) useDefineForClassFields 設(shè)置為 false 時(shí)，編譯后結(jié)果如下

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

當(dāng) useDefineForClassFields 設(shè)置為 true 時(shí)，編譯后結(jié)果如下， 要注意 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
    })
  }
}

當(dāng) target 版本在 ES2022 及其以上，編譯結(jié)果如下

export class C {
  foo = 100;
  bar;
}

以上就是關(guān)于“tsconfig的useDefineForClassFields屬性怎么使用”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。