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