一、TS运行环境搭建
1、安装
安装命令
npm i -g typescript
第一步:新建index.html和demo.ts
第二步:在index.html引入demo.ts文件
第三步:运行TS的命令
tsc demo.ts
注意:运行命令后,会将ts文件转换成js文件
如果想要实时转换运行命令
tsc demo.ts -w
2、配置文件
第一步:安装命令
tsc --init
注意:运行命令后,将生成tsconfig.json文件
二、类型声明空间与变量声明空间
1、类型声明空间
2、变量声明空间
注意: 类型声明空间与变量声明空间不可以互相赋值,下面例子是错误的。
注意:class类,它即是类型声明空间也是变量声明空间,所以它可以赋值给他们;
三、类型注解与类型推断
那么TS是如何把两个空间联系到一起的呢?
注意:类型推断就是,TS自动推断类型的过程。TS就算没有指定类型也不可以不同类型的变量之间进行赋值。
四、类型分类与联合类型与交叉类型
1、联合类型
注意:类型之间进行或的操作
2、 交叉类型
注意:类型之间进行与的操作
五、类型断言与非空断言
1、类型断言:as
注意:类型断言主要用于TS推断出来的类型并不满足你的需求,你需要手动指定一个类型。
2、非空断言:!
六、数组类型与元祖类型
1、数组类型
2、元祖类型
注意:元祖类型允许一个已知元素的数量