TypeScript中如何通过继承方法调用带正确类型参数的实例方法

错误原因 #

1. 类型参数声明顺序错误：原代码中Self类型参数依赖MethodKey，但MethodKey在Self之后声明，导致TypeScript无法正确建立类型关联，无法准确推断方法的参数类型。
2. 构造函数中this类型推断延迟：在类的构造函数执行期间，实例的方法类型尚未完全确定，Parameters<this["sayMessage"]>无法被正确解析为[string]，引发类型不匹配错误。

修正方案 #

方案一：简化类型参数约束 #

调整类型参数顺序，直接捕获方法名和参数数组类型，让TypeScript自动推断关联关系：

class BaseClass {
    exec<MethodKey extends string, Args extends any[]>(
        this: Record<MethodKey, (...args: Args) => void>,
        methodKey: MethodKey,
        ...args: Args
    ) {
        this[methodKey](...args);
    }
}

class MyClass extends BaseClass {   
    constructor() {
        super();
        this.exec('sayMessage', 'Hello'); // 类型校验通过
    }

    sayMessage(message: string) {
        console.log(message);
    }
}

方案二：基于this类型直接推断 #

利用keyof this直接获取当前实例的方法名，结合Parameters工具类型提取参数类型，更贴合类的上下文：

class BaseClass {
    exec<MethodKey extends keyof this>(
        methodKey: MethodKey,
        ...args: Parameters<this[MethodKey]>
    ) {
        // 类型断言确保TypeScript识别为可调用函数
        (this[methodKey] as (...args: any[]) => void)(...args);
    }
}

class MyClass extends BaseClass {   
    constructor() {
        super();
        this.exec('sayMessage', 'Hello'); // 类型校验通过
    }

    sayMessage(message: string) {
        console.log(message);
    }
}

方案说明 #

• 方案一通过分离方法名和参数数组类型，让TypeScript自动关联this的方法签名与传入的参数，逻辑简洁直观。
• 方案二直接基于当前实例的this类型推断，无需额外的泛型约束，更符合类方法的类型设计习惯，类型断言仅用于消除TypeScript对方法是否为可调用函数的不确定性，实际场景中安全可靠。

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