TypeScript中如何在父类非静态方法内引用子类静态属性并修复类型报错

该需求可正常实现，你遇到的类型报错和提示错误是TypeScript类型系统的默认限制导致的，和运行时逻辑无关。

问题原因 #

1. TypeScript默认给this.constructor的类型是通用Function类型，没有携带对应类的静态成员类型定义，因此直接访问this.constructor.staticList会触发类型错误。
2. 原有代码中的泛型TParent extends Parent仅约束了实例类型，没有关联到对应构造函数的静态属性类型，导致推导出来的参数类型为never，无法正确提示静态属性的键集合。

修正后代码 #

class Parent {
    static staticList: {
        a: number
    } = {
        a: 1
    };

    // 泛型T直接约束当前构造函数的staticList类型
    public test<T extends typeof Parent['staticList']>(
        this: InstanceType<{ new(): Parent, staticList: T }>, 
        key: keyof T
    ) {
        // 对constructor做显式类型断言，补充静态成员类型
        const constructor = this.constructor as { staticList: T }
        console.log(constructor.staticList[key]);
    }
}

class Child extends Parent {
    static staticList = {
        a: 2,
        b: 2
    }
}

const childInstance = new Child();
childInstance.test('a'); // 正常输出2，参数提示为 'a' | 'b'
childInstance.test('b'); // 可正常调用，无类型错误

实现说明 #

• 泛型T直接绑定到实例所属构造函数的staticList类型，调用方法时TypeScript会自动根据实例所属的类推导T的实际类型，子类扩展的staticList属性会被自动识别。
• 对this.constructor做显式类型断言，补充静态属性的类型定义，解决默认Function类型无静态成员定义的问题。
• 运行时逻辑和原有代码完全一致，不会影响执行结果。

内容的提问来源于stack exchange，提问作者Adam Baranyai