Typescript详解二：复杂数据类型

---

一、Typescript复杂数据类型

1.联合类型

在TypeScript中，我们可以使用联合类型来指定一个变量可以属于多个类型之一。以下是一个使用联合类型的示例：

let age: string | number;
age = 12; // 是number类型
// 赋值为number类型后，可以调number的方法
console.log(age.toFixed(2));

age = "hello word"; // 是string类型
// 赋值为string，可以调string的方法
console.log(age.length);

在这个示例中，变量age的类型是string | number，表示它可以是string类型或number类型之一。

---

补充：当我们需要将联合类型转换为特定的类型时，可以使用类型断言的方式。以下是一个使用类型断言的实例：

let age: string | number;
age = 100;
// 类型断言
console.log((age! as number).toFixed(2)); // 输出100.00
age = 'hello word';
// 类型断言
console.log((age! as string).toLocaleUpperCase()); // 输出HELLO WORD
// 双重断言，可以将变量转换为当前定义类型之外的类型
console.log((age! as any as boolean).valueOf()); // 输出undefined

在这个示例中，我们定义了一个联合类型变量age，它可以是string类型或number类型之一。使用类型断言的方式，我们可以将age变量转换为特定的类型，例如将number类型的age转换为string类型的HELLO WORD。

总之，类型断言是在TypeScript中将一个变量强制转换为特定类型的一种方式，但需要注意的是，它并不能改变变量的实际类型，只是告诉编译器在这里我们认为变量是这种类型。

---

2.字面量类型和类型字面量

字面量类型是一种特殊的类型，它与其值一起定义了一个类型。以下是一个使用字面量类型的示例：

// 字面量类型：类型和值必须是一致的，使用场景（可以做枚举）
let name: '张三' | '李四';
name = '张三'; // 合法
name = '王五'; // 非法

在这个示例中，变量name的类型是'张三' | '李四'，表示它只能是这两个字符串字面量之一。这种类型可以用于定义枚举类型。

---

类型字面量是定义类型时使用的一种语法。以下是一个使用类型字面量的示例：

type PersonInfo = {
  name: string,
  age: number
}
let p1: PersonInfo = {
  name: 'tom',
  age: 13
}

在这个示例中，我们使用type关键字定义了一个类型PersonInfo，该类型是一个具有name和age属性的对象。

---

3.字符串字面量和联合类型

在 TypeScript 中，我们可以使用字符串字面量+联合类型来对变量类型进行限定。

type T1 = '1' | '2' | '3';
type T2 = number | string | boolean;
// t1只能是指定范围的值
let t1: T1 = '1'; // 合法
// let t1: T1 = '4'; // 非法

// t2可以是指定数据类型的值
let t2: T2 = 'false';
// let t2: T2 = 123; // 合法
// let t2: T2 = 'hello'; // 合法
// let t2: T2 = true; // 合法
// let t2: T2 = [1, 2, 3]; // 非法

在这个示例中，我们结合字符串字面量和联合类型定义了类型T1、T2，演示了字符串字面量+联合类型的一些使用场景。

---

总结

本文介绍了TypeScript中的复杂数据类型相关的基础知识，对于深入理解TypeScript编程语言和应用场景有很大的帮助。希望您可以根据本文的内容，更好地掌握TypeScript的基础知识。下次再见。