[ TypeScript入门 | 青训营笔记]

56 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 4 天

TypeScript的发展历史 2012-10:微软发布了TypeScript第一个版本(0.8) 2014-10:Angular发布了基于TypeScript的2.0版本 2015-04:微软发布了VS Code 2016-05:@types/react 发布,TypeScript可开发React 2020-09:Vue发布了3.0版本,官方支持TypeScript 2021-11:v4.5版本发布

TypeScript是静态类型、弱类型语言,JavaScript是动态类型、弱类型语言。TypeScript的静态类型的优点,可读性增强:基于语法可以解析TSDoc,ide增强,可维护性增强:在编译阶段暴露大部分错误所以在多人合作的大型项目中,获得更好的稳定性和开发效率。TS还是JS的超集:它包含于兼容所有JS特性,支持共存。支持渐进式引入与升级。

TS基础数据类型

SFX37~3TPLHX%QFQ%}D)`QI.png

对象类型

image.png

函数类型

image.png

函数重载

image.png

数组类型

image.png

补充类型

image.png

泛型

image.png

类型别名&类型断言

image.png

字符串/数字 字面量

image.png

TypeScript的高级数据类型

联合/交叉类型

image.png

联合类型: IA│lB:联合类型表示一个值可以是几种类型之一

交叉类型: IA&B:多种类型叠加到一起成为一种类型,它包含了所需的所有类型的特性

类型保护与类型守卫

image.png

高级类型

image.png

索引类型:关键字【keyof】,其相当于取值对象中的所有key组成的字符串字面量 关键字【in】,其相当于取值字符串字面量中的一种可能,配合泛型P,即表示每个key 关键字【?】,通过设定对象可选选项,即可自动推导出子集类型

image.png

TypeScript的工程应用-Web

image.png

TypeScript的工程应用-Node

image.png

思考与总结

TS是JS的超集,而且解决了很多JS的一些缺点,包括它的使用率也在快速上升,这已经称为前端工程师必不可少的一个技能。今天学习了TS的一些基础语法和高级语法,对高级语法的一些例子跟着敲了一遍代码,感觉有很大的收获。

标题:TypeScript 的发展与基本语法 - 掘金

网址:juejin.cn/course/byte…