掌握TypeScript数据类型，告别代码混乱：从基础到进阶，轻松应对各类数据类型挑战

TypeScript是一种由微软开发的开源编程语言，它是JavaScript的一个超集，增加了可选的静态类型和基于类的面向对象编程。TypeScript的数据类型是其核心特性之一，它可以帮助开发者更好地组织和管理代码，减少运行时错误，提高代码的可维护性。本文将带您从基础到进阶，全面了解TypeScript中的数据类型，助您轻松应对各类数据类型挑战。

一、TypeScript基础数据类型

1. 原始数据类型

TypeScript提供了以下原始数据类型：

布尔值（Boolean）：表示真或假的值。
```
let isDone: boolean = false; 
```
数字（Number）：表示数值。
```
let count: number = 10; 
```
字符串（String）：表示文本。
```
let name: string = "张三"; 
```

null和undefined：这两个特殊值表示无值。

let age: number; console.log(age); // 输出：undefined age = null; console.log(age); // 输出：null

Symbol：表示独一无二的值。

let symbol1 = Symbol(); let symbol2 = Symbol(); console.log(symbol1 === symbol2); // 输出：false

2. 字符串字面量类型

TypeScript允许使用字符串字面量类型来约束变量的值必须是特定的字符串字面量。

let str1: "Hello" | "World"; str1 = "Hello"; // 正确 str1 = "Hello TypeScript"; // 错误

二、数组与元组

1. 数组

TypeScript中的数组使用类型注解可以指定数组中元素的类型。

let numbers: number[] = [1, 2, 3, 4];

2. 元组

元组是数组的特殊形式，它允许元素类型不同。

let point: [number, number] = [1, 2];

三、枚举

枚举是一种把一组具有相同名称的数值赋予一组值的类型。

enum Color { Red, Green, Blue } let c: Color = Color.Green;

四、接口

接口用于定义对象的形状，它可以用来约束一个变量必须符合某种结构。

interface Person { name: string; age: number; } let person: Person = { name: "张三", age: 30 };

五、联合类型与类型别名

1. 联合类型

联合类型允许表示一个值可以是多种类型之一。

let id: number | string = 1; id = "2"; // 正确

2. 类型别名

类型别名可以为类型创建一个别名。

type UserID = number | string; let userId: UserID = 123; userId = "456"; // 正确

六、高级数据类型

1. 任意类型

任意类型表示可以赋值为任何类型的值。

let anyVar: any = 4; anyVar = "Hello"; anyVar = true;

2. unknown类型

unknown类型是任何类型的基类，不能直接赋值给任何其他类型。

let u: unknown = 4; u = "Hello"; u = true;

3. 类型守卫

类型守卫是TypeScript中一种特殊的类型谓词，可以用来缩小变量的类型范围。

function isString(value: any): value is string { return typeof value === "string"; } let val: any = "Hello TypeScript"; if (isString(val)) { console.log(val.toUpperCase()); // 正确：val现在被缩小为string类型 }