TypeScript | 青训营笔记

45 阅读1分钟

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

什么是TypeScript

What

历史

image.png

对比

JS 动态类型 弱类型语言

TS 静态类型 弱类型语言

动态类型:在执行时才能确定变量的类型,边编译边执行。

静态类型:先编译再执行。

弱类型:不同类型间会进行类型转换

强类型:不会进行自动转换且报错

Why

静态类型

image.png

JS的超集

image.png

How

VScode / 官网

基本语法

基本数据类型

image.png

对象类型

image.png

函数类型

image.png

函数重载

image.png

数组类型

image.png

补充类型

image.png

泛型

image.png

image.png

image.png

类型别名/类型断言

image.png

字符串/数字 字面量

image.png

高级类型

联合/交叉类型

image.png 优化

类型保护和类型守护

image.png

image.png

image.png

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

高级类型

image.png

image.png

函数返回值

image.png

image.png

工程应用

web

webapack

image.png

nodejs

image.png