一、 类型声明
1.类型声明是ts中非常重要的特点；
2.通过类型声明，可以指定ts中的变量（包括：实参、形参）的类型；
3.指定类型后，当为变量赋值时，TS编译器会自动检测该值是否符合类型声明：符合则赋值，不符合则报错；
4.语法结构：
let 变量: 类型
let 变量: 类型 = 值
function fn(参数1: 类型, 参数2: 类型): 类型 {
// ****
}
二、自动类型判断
1.TS拥有自动类型判断的机制；
2.当变量的声明类型和赋值时同时进行的时候，ts编译器会自动判断变量的类型；
3.如果，我们对变量声明和赋值同时进行的时候，可以省略对该变量进行声明类型；
三、类型
1.总览
| 类型 | 举例 | 描述 |
|---|---|---|
| Number | 123, -123, 123.324, 0b1010 | 任意数字 |
| String | 'abc', '你好' | 任意字符串 |
| Boolean | true 和 false | 布尔值 |
| 字面量 | 自己本身 | 限制变量的值就是该字面量的值 |
| Any | * | 任意类型 |
| Unknown | * | 类型安全的any |
| Void | 空值(undefined) | undefined |
| Never | 没有值 | 不能是任何值 |
| Object | {age: 123} | 任意的js对象 |
| Array | [1,2,3,4] | 任意js数组 |
| Tuple | [5,6] | 元素，固定长度的数组，ts新增 |
| Enum | enum {A, B} | 枚举，ts新增 |
2.举例
- Number
let a: number = 6;
let b: number = 123;
let c: number = -34;
let d: number = 23.424;
let e: bigint = 100n;
- Boolean
let a: boolean = true;
- String
使用单引号（'）或双引号（"）来表示字符串类型。反引号（`）来定义多行文本和内嵌表达式。
let a:string = "test";
let color: string = "blue";
color = 'red';
let name: string = "我";
let years: number = 3;
let words: string = `大家好，今年是 ${ name } 工作的第 ${ years + 1} 周年`;
- 字面量
可以使用字面量去指定变量的类型，通过字面量可以确定变量的取值范围
let color: 'red' | 'blue' | 'black';
let num: 1 | 2 | 3 | 4 | 5;
- Any
let a: any = 1;
a = 'hello';
a = true;
- Unknown
let noSure: unknown = 4;
noSure = 'hello';
- Void
let no : void = undefined
- Never
function error(msg: string): never {
throw new Error(msg);
}
-
Object
略 - Array
let arr: number[] = [1, 2, 3]
let arr: Array<number> = [1, 2, 3]
- Tuple
let x: [string, number];
x = ["hello", 10];
- Enum
enum Color {
Red,
Green,
Blue,
}
let c: Color = Color.Green;
enum Color {
Red = 1,
Green,
Blue,
}
let c: Color = Color.Green;
enum Color {
Red = 1,
Green = 2,
Blue = 4,
}
let c: Color = Color.Green;
三、类型断言
有些情况下，变量的类型对于我们来说是很明确，但是TS编译器却并不清楚，此时，可以通过类型断言来告诉编译器变量的类型，断言有两种形式：
- 第一种
let someValue: unknown = "this is a string";
let strLength: number = (someValue as string).length;
- 第二种
let someValue: unknown = "this is a string";
let strLength: number = (<string>someValue).length;
点个赞再走呗~
