typescript 如何通过TypeScript中的装饰器更改实例属性：http：//romkevandermeulen.nl/2018/01/24/typescript-property-deco

Posted 2021-05-20

function makePropertyMapper<T>(prototype: any, key: string, mapper: (value: any) => T) {
	const values = new Map<any, T>();
	Object.defineProperty(prototype, key, {
		set(firstValue: any) {
			Object.defineProperty(this, key, {
				get() {
					return values.get(this);
				},
				set(value: any) {
					values.set(this, mapper(value));
				},
				enumerable: true,
			});
			this[key] = firstValue;
		},
		enumerable: true,
		configurable: true,
	});
}

function exampleDecorator(multiplier: number) {
	return function(target: any, key: string) {
		makePropertyMapper(target, key, (value: number) => {
			return value * multiplier;
		});
	};
}

class Example {
	@exampleDecorator(3)
	myNumber: number;

	@exampleDecorator(3)
	withInitializer = 2;
}

const example = new Example();
console.log(example.myNumber); // undefined
console.log(Object.keys(example).includes("myNumber")); // false
console.log(example.withInitializer); // 6
console.log(Object.keys(example).includes("withInitializer")); // true

example.myNumber = 3;
console.log(example.myNumber); // 9
console.log(Object.keys(example).includes("myNumber")); // true