TypeScript入门 | 青训营笔记

68 阅读1分钟

这是我参与「第四届青训营 」笔记创作活动的第9天

为什么是TS

TS 静态语言 弱类型语言 JS 动态语言 弱类型语言

image.png

编辑器推荐:

Visual Studio Code TS官网在线编辑器

image.png image.png image.png

interface接口类型,这种写法使得函数更加简洁明了,易于编写。

image.png image.png

为了更方便的编写函数,简化形式,可以采用接口形式来实现函数类型声明。 image.png

image.png image.png

高级类型

联合/交叉类型

若要为书籍列表编写类型,但是书籍列表中的类型可能会比较繁琐(例如 【作者 种类 主题】作者以及种类都是重复类别),从而进行类型声明会产生很多重复的代码,这时就可以采用联合/交叉类型来解决这个问题。

image.png

通过 & 以及 | 来进行联合/交叉,实现代价简化

image.png

类型保护与类型守卫

在访问联合类型时,出于程序安全考虑,仅能访问联合类型交集部分, 而产生报错信息(例如)

image.png