TypeScript 中的 Function Alias

前言

前端小伙伴已经熟练使用 TS，但是 TS 的存在不仅是增加了校验，更是增加了规范性，下面我们来说一下 Function Alias。

大家可能已经习惯为变量，参数定义类型，或者是一个类，但在 React Hook 出道之后，我们使用类的机会也慢慢减少，而 Function 的重要性大大提升。我们习惯为一个变量定义 Shape，但是 Function 的频繁使用，使得我们需要为其定义 Shape，这时候，我们就需要使用 TS 的 Function Alias。

语法介绍

Function Alias 语法也很直接明了，首先我们使用 Type 定义 Function 的 Shape，在范型里先定义参数类型，再定义返回类型，紧接着，跟上具体函数的定义，圆括号里为参数，并附上我们范型里定义的参数类型，箭头后跟上返回类型，附上范型里定义的函数返回类型。

export type FunctionAlias<ParamsType, ReturnType> = (params: ParamsType, ...rest: any) => ReturnType

这里 rest 作为参数可能接受的其他参数，默认设置为 any。

总结

以上就是 Function Alias 的基本使用方法，在使用 Function 时，也要确保其类型的一致。