如何在TypeScript中利用泛型实现Function.apply的参数类型推导？

你用错ThisParameterType了——这个类型工具是用来提取函数的this参数类型的，不是获取函数的调用参数列表。要让wrappedFn.execute()继承原函数的参数类型提示，得用Parameters<T>这个类型工具，配合剩余参数语法来实现。

基础版（无需绑定this） #

直接修改包装器，用Parameters<T>获取原函数的参数元组类型，同时用ReturnType<T>保证返回值类型和原函数一致：

// 被包装的函数
function testFn(a: string, b: string) {
    return `${a} ${b}`
}

// 泛型包装器
function wrapper<T extends (...args: any[]) => any>(fn: T) {
    // 用Parameters<T>获取原函数的参数类型数组，ReturnType<T>获取返回值类型
    const execute = (...args: Parameters<T>): ReturnType<T> => {
        return fn(...args)
    }

    return { 
        execute
    }
}

const wrappedFn = wrapper(testFn)

// 这里会自动提示需要两个string类型的参数，返回值也是string
const result = wrappedFn.execute('Hello', 'World')
console.log(result) // 输出 "Hello World"

关键说明 #

• 泛型约束用(...args: any[]) => any替代Function：Function类型太宽泛，TypeScript无法准确推断参数和返回值类型，而函数签名约束能让类型推断更精准。
• Parameters<T>：返回原函数的参数组成的元组类型，比如testFn对应的Parameters<T>就是[string, string]，这样execute的剩余参数会自动继承这个类型，调用时就能得到正确的类型提示。
• ReturnType<T>：自动提取原函数的返回值类型，让execute的返回值和原函数保持一致。

进阶版（需要绑定this） #

如果原函数依赖this上下文，比如类方法或带this约束的函数，需要用ThisParameterType<T>来处理this类型，确保调用时上下文正确：

// 带this约束的原函数
const obj = {
    prefix: 'Greeting:',
    greet(this: typeof obj, name: string) {
        return `${this.prefix} ${name}`
    }
}

// 支持this绑定的包装器
function wrapperWithThis<T extends (...args: any[]) => any>(fn: T) {
    // 定义execute的this参数类型为原函数的this类型
    const execute = function(this: ThisParameterType<T>, ...args: Parameters<T>): ReturnType<T> {
        return fn.apply(this, args)
    }

    return { 
        execute
    }
}

const wrappedGreet = wrapperWithThis(obj.greet)
// 调用时必须绑定正确的this，否则会报错
const greetResult = wrappedGreet.execute.call(obj, 'Alice')
console.log(greetResult) // 输出 "Greeting: Alice"

关键说明 #

• ThisParameterType<T>：提取原函数的this参数类型，如果原函数没有this约束，这个类型会是unknown。
• 通过fn.apply(this, args)传递this上下文，保证原函数能正确访问所属对象的属性或方法。

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