类型注释

我们都知道，JavaScript是一种弱类型语言，弱类型语言对于我们规范开发过程是不利的，类型注释就是TypeScript提出的一种强化语言类型的方案，因此，TypeScript也是一种强类型语言。
比如我们定义了一个变量age是number类型的，那么我们就不能给它附一个其他类型的值。

let age: number;
age = 123;

如上面的例子所示，typescript中对类型的注释就是使用 ":" 关键字，: + 数据类型 即可完成声明

数据类型	关键词
String	string
Number	number
Boolean	boolean
Void	void
Any	any
Undefined	undefined
Null	null

1.数组的类型注释

数组中类型统一

const arr: number[] = [1, 2, 3];

数组中类型不统一

const arr: (number | string)[] = [1, "string", 2];

对象数组

const student: { name: string, age: number }[] = [
  { name: "小白", age: 21 },
  { name: "小黑", age: 18 },
];

2.元组的使用

数组的不足

当我们在使用数组处理一个业务时，如果数组中元素的顺序发生了改变，那么我们的业务逻辑就会出现错误，但是数组的类型注释却不会报错，此时我们就要使用元组的类型注释（类型约束）。

// 如果数组中的元素顺序发生变化，数组的类型注释不报错，存在开发隐患
const beauty1: (string | number)[] = ["A", "student", 18]
const beauty2: (string | number)[] = ["A", 18, "student"]

// 使用元组中的类型约束可以解决此隐患
const beauties1: [string, string, number] = ["A", "student", 18]
const beauties2: [string, string, number] = ["A", 18, "student"]    //报错！

image.png