尝试将函数包装到另一个函数中时出现打字稿错误

我试图将一个函数包装在另一个函数中，然后将其传递给稍后运行的库。我在尝试使用 .apply() 和传播参数时遇到各种 Typescript 错误。

该库要求我向其传递一个“选项”对象，其中包括一个名为 PromiseFn 的函数，该库将使用任意数量的参数调用该函数。

我需要将 PromiseFn 包装在一个新函数中，该函数将在调用原始 PromiseFn 之前和之后运行一些代码。新函数将被传递到库中。这是我尝试过的。

let newOptions = options

if(options.promiseFn !== undefined){

    let newPromiseFn = async (...args: any[]) => {

        ... before code

        await options.promiseFn?.apply(this, ...args)

        ... before code

    }

    newOptions.promiseFn = newPromiseFn

}

const { data } = useAsync(newOptions)

我目前收到的打字稿错误是......

（参数）args：任意[] 预期有 1-2 个参数，但得到 1 个或更多.ts(2556)

它与这一行中的参数有关

await options.promiseFn?.apply(this, ...args)

任何帮助将不胜感激。

如果我很好地理解你的问题，你只想使用可以包装你的函数的东西。

我认为你可以使用这样的东西：

type GetReturnType<original extends Function> = original extends (...x: any[]) => infer returnType ? returnType : never;
type GetArgumentsType<originalArguments> = originalArguments extends (...args: infer formatArguments) => any ? formatArguments : never[];

const myEncapsulatedFunction = async <T extends Function>(
    func: T,
    ...args: GetArgumentsType<T>
): Promise<GetReturnType<T>> => wrappingFunction(func, args)();

然后你就可以像这样使用这个包装器：

function wrappingFunction<T extends any[]>(func: Function, args: T) {
  // Do some stuff here
  await func(...args)
  // Do some stuff here
}

// Then
function doStuff(arg: string) {
  console.log(arg)
}


myEncapsulatedFunction(doStuff, 'hello');