TypeScript 获取函数的参数类型、返回值类型

事例：

function test(lzwme: string, idx: number) {
  return {
    lzwme,
    idx,
  };
}

1 获取函数的参数类型

使用预定义的 Parameters 可以获取到一个函数的参数类型列表。
获取 test 函数的参数类型：

type TestArgsType = Parameters<typeof test>;
// TestArgsType => [lzwme: string, idx: number]

获取 idx 参数的类型：

type TestArgsType = Parameters<typeof test>[1];
// TestArgsType => idx: number

我们看一下 Parameters 的定义：

type Parameters<T extends (...args: any) => any> = T extends (...args: infer P) => any ? P : never;

我们可以看到，其实它主要是通过 infer P 获取到 T 的参数类型列表 P 并返回，如果 T 不是函数则返回 never。

2 获取函数的返回值类型

使用预定义的 ReturnType 可以获取到一个函数的参数类型列表。

获取 test 函数的返回值类型：

type TestReturnType = ReturnType<typeof test>;

我们再看一下 ReturnType 的定义：

type ReturnType<T extends (...args: any) => any> = T extends (...args: any) => infer R ? R : any;

与 Parameters 十分类似，不同的是通过 infer R 获取并返回 T 的返回值类型。