TypeScript 入门 | 青训营笔记

68 阅读2分钟

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

本课程重点

TypeScript 的发展与基本语法

  • TypeScript 历史及定义解析
  • TypeScript 优势解读
  • TypeScript 练习工具

1.什么是typescript

  • 2012-10:微软发布了Typescript第一个版本
  • 2014-10:Augular发布了基于Typescript的2.0版本
  • 2015-04:微软发布了Visual Studio Code
  • 2016-05:@types/react发布,Typescript可开发React
  • 2020-09:vue发布了3.0版本,官方支持TS
  • 2021-11:v4.5版本发布

image.png

静态类型

  • 可读性增强:基于语法解析TSDoc,ide增强
  • 可维护性增强:在编译阶段暴露大部分错误
  • 多人合作的大型项目中,获得更好的稳定性和开发效率

JS的超集

  • 包含于兼容所有JS特性,支持共存
  • 支持渐进式引入与升级

基础数据类型

image.png

对象类型

image.png

函数类型

image.png

函数重载

image.png

数组类型

image.png

typescript补充类型

image.png

typescript泛型

不预先制定具体的类型,而在使用的时候在指定类型的一种特性 image.png

image.png

类型别名与类型断言

image.png 类型别名用来给一个类型起个新名字。类型别名有时和接口很像,但是可以作用于原始值,联合类型,元组以及其它任何你需要手写的类型。 类型断言(Type Assertion)可以用来手动指定一个值的类型。

as 类型

或者

<类型>

2.高级类型

联合/交叉类型

联合类型:IA|IB;联合类型表示一个值可以是几种类型之一 交叉类型:IA&IB;多种类型叠加到一起成为一种类型,它包含所需的所有类型的特性 image.png

类型保护与类型守卫

类型保护允许你使用更小范围下的对象类型 image.png

通过这次课我对Ts的认识更加深入,也发现自己学习的一些漏洞,课后还要继续加强学习。