TypeScript | 青训营笔记

65 阅读1分钟

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

课堂笔记

课程重点内容:

  • TypeScript与Js区别
  • 基本语法
  • 高级语法
  • 工程化应用

TypeScript与Js区别:

Js(动态类型)与 TypeScript(静态类型)的区别在于动态类型在执行时即编译时才会做类型的检验和匹配,,而静态类型语言需要先进行编译才能执行。弱类型语言与强类型语言的区别在于类型转换,例如运行字符串的1和数字1进行相加时会进行隐式的类型转换可以通过,但在强类型语言中会报错。 image.png

TypeScript的优势: image.png

基本语法:

基础数据类型(相比于js): image.png

对象类型: image.png

函数类型: image.png

函数重载: image.png

数组类型:常见使用类型1或者类型2 image.png

补充类型: image.png

泛型: image.png

类型别名和类型断言: image.png

字面量: image.png

高级语法:

联合/交叉类型: image.png 类型保护与类型守卫 image.png image.png

merge函数类型: image.png image.png image.png

函数返回值类型: image.png image.png

工程化应用:

webpack编译ts需要进行的工作: image.png

node.js使用TSC编译ts成js: image.png

总结:

TypeScript相比于js具有静态类型语言的优势,并且对js类型进行了补充和规范,引入了函数重载、接口、泛型等,是js的超集,但二者都是弱类型语言。TypeScript在工程化方面的应用主要为webpack进行打包和配置时需要对ts转换成js才能识别,同样,在node.js中使用TSC将ts转换为js。