2021-03-05 TS的使用

1
初次学习TS的内容

TS：TypeScript，个人理解是规范JS代码书写的一种工具。而且目前学下来感觉相当实用
TS拥有类型声明，所以比JS要靠谱一些

vscode编辑TS的使用如下：

手动编译JS：
对TS当前目录终端输入 ： tsc xxx.ts
这样会自动进行编译，生成一个js文件

其中ts的类型声明会消失，let变量变为var变量

自动编译JS：

终端输入 ： tsc --init
这样会生成一个配置文件
将其中严格模式改为false
即不启用严格模式

outDir显示一个路径，可以在该文件夹下自动编译生成js文件（未有该文件夹即自动创建）

然后在终端 -> 运行任务 -> 显示所有任务 -> tsc：监视

自动编译开启了。

2
interface的了解（接口类型的了解）

规范类的写法

3
TS中的undefined 和 null

undefined和null都作为其他类型的子类型，在非严格模式下，可将undefined和null赋值于其他类型

4
TS中的元组类型

当一个数组中需要添加多个类型的数据时，可以使用元组类型：

let arr:[string,boolean,number] = ["哈哈哈",false,12321]

但当其定义后，该数组的类型和数量就已经定好无法修改，且位置也无法修改，只能对应。如上

5
TS数组写法

let arr1:number[] = [11,22,33]

泛型写法：

let arr2:Array<number> = [11,22,33]

6
TS的枚举类型

enum person{
	xiaowang,
	xiaoming,
	xiaohong
}

let a : person = person.xiaowang
console.log(a)//0
console.log(person.xiaowang,person.xiaoming,person.xiaohong)//0 1 2
console.log(person[2])//xiaohong