Typescript-为非常通用的函数定义接口[重复]

Question

我提供了一个函数functionCaller的示例。它需要一种功能，任何一种功能。

const functionCaller = (func: any /* how to define this general func? */) => {
  func();
};

functionCaller((hello: string) => {});
functionCaller(() => {});
functionCaller(() => new Promise((resolve) => {}));

如何定义这样一个函数参数而不使用any？

Answer 1

我向您推荐以下内容，这将允许您获得返回数据的类型：

function functionCaller<T extends (...args: any[]) => any>(func: T): ReturnType<T> {
    return func();
}

const funcA = (hello: string) => { };
const funcB = () => { };
const funcC = () => new Promise((resolve) => { })

const typeA = functionCaller<typeof funcA>(funcA);

const typeB = functionCaller<typeof funcB>(funcB);

const typeC = functionCaller<typeof funcC>(funcC);

游戏场

Answer 2

使用以下命令：

const functionCaller = (func: Function) => {
  func();
};

Answer 3

如果这种类型是灵活的，您将始终以any结尾。

但是，函数类型将是这样的

type AnyFunction = (...args: any[]) => any;

const functionCaller = (func: AnyFunction) => {
    func();
}

或者，您可以通过执行泛型类型来更加精确。

type Args = any[] | never;
type AnyFunction<TArgs extends Args, TResult> = (...args: TArgs) => TResult;

const functionCaller = <TResult>(func: AnyFunction<any[], TResult>) => {
    func();
}

希望有帮助。