如何在父类构造函数中为装饰后的属性赋值？

TypeScript处理带装饰器的类字段时，会自动在子类构造函数中生成this.name = void 0;这类初始化代码，这行代码会在父类构造函数执行后运行，直接覆盖了Object.assign设置的name值。而未被装饰的字段（比如id）不会生成该初始化逻辑，因此能保留Object.assign的赋值结果。

方案一：用declare避免生成初始化代码 #

修改User类中的name字段声明，使用declare关键字告诉TypeScript不要自动生成初始化代码：

class User extends Base implements IUser {
    id?: string

    constructor(data: IUser) {
        super(data)
    }

    @Value("test")
    declare name?: string;
}

这样父类Object.assign设置的name值就不会被后续的初始化代码覆盖。

方案二：修改装饰器保留已有属性值 #

调整装饰器逻辑，返回一个初始化函数，优先保留实例上已存在的属性值，避免被默认初始化覆盖：

function Value(value: string) {
    return (_target: any, context: ClassFieldDecoratorContext) => {
        context.metadata![context.name] = value;
        
        // 优先使用实例上已有的属性值，否则用初始值或装饰器默认值
        return function (initialValue) {
            if (Object.hasOwn(this, context.name)) {
                return this[context.name];
            }
            return initialValue ?? value;
        };
    };
}

方案三：子类构造函数重复赋值（临时 workaround） #

在子类构造函数调用super后，再次执行Object.assign覆盖初始化代码的影响：

constructor(data: IUser) {
    super(data);
    Object.assign(this, data);
}

该方案会产生重复赋值，仅适合临时场景使用。

内容的提问来源于stack exchange，提问作者Mike Cenker