TypeScript 接口定义函数类型

背景: 刚开始接触ts,对于接口定义函数类型实在打yue,特此做个简单的记录。

对于接口类型定义我们一般有两种方式,接口类型(interface)和类型别名(type),在大多数的情况下使用接口类型和类型别名的效果等价,但是在某些特定的场景下这两者还是存在很大区别。

interface: 接口可以定义多次,会被自动合并为单个接口,而type不可以重复定义。

type: 一般用于定义基本、联合、元组类型。

接口扩展, 两者实现的方式不同

interface的扩展就是继承,通过extends实现。

TypeScript 接口定义函数类型_第1张图片

type的扩展就是交叉类型,通过&实现。

TypeScript 接口定义函数类型_第2张图片

TypeScript 接口定义函数类型_第3张图片

 TypeScript 接口定义函数类型_第4张图片

 

最后: 对于定于函数类型,介于interface和type之间做一个对比,对于函数的定义个人更喜欢type方式的定义,阅读性更强。直接贴

你可能感兴趣的:(ts接口函数类型定义,前端)