具有固定参数但推断返回类型的TypeScript函数类型

时间:2020-10-14 19:12:39

标签: typescript

我不知道如何创建一个类型,该类型的函数的参数已设置,但其返回值是通用的,应该从提供的函数中推论得出。

这个特殊的用例是我在数据上定义了一组选择器。所有选择器都有相同的状态输入,它们的输出将是该状态的属性:

type ApplicationState = { count: number };
const selectCount = (state: ApplicationState) => state.count;

我可以通过将ApplicationState设置为每个参数的类型来简单地做到这一点,但是我正在尝试为选择器提供一种类型:

const selectCount: ApplicationSelector = ({ count }) => count;

我已经尝试过了:

type ApplicationSelector = (state: ApplicationState) => infer R ? R : any;

但是,documentation on this清楚地表明此infer语法应该与extends一起使用,但是在这种情况下,我不确定要扩展什么。

我是否可以使用设置参数参数声明函数类型并推断其返回类型?

1 个答案:

答案 0 :(得分:1)

这是您可以使用的巧妙技巧。创建一个包装器函数,该函数只对类型进行限制和转发。

type AppState = {count: number};

function appSelector<S extends (state: AppState) => any>(selector: S) {
    return selector;
}

const selectCount = appSelector(({count}) => count);

这是结果类型:

const selectCount: ({ count }: AppState) => number

实际上,您确实保留了自动完成和类型检查,以检查其中的({count})之类的非结构化属性。