温馨提示×

tsconfig的useDefineForClassFields属性怎么使用

发布时间:2022-12-07 17:01:13 来源:亿速云 阅读:104 作者:iii 栏目:编程语言

这篇“tsconfig的useDefineForClassFields属性怎么使用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“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;
}

以上就是关于“tsconfig的useDefineForClassFields属性怎么使用”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

主题地图