TypeScript 入门笔记：轻松掌握联合类型、枚举类型和泛型
2023-11-06 23:33:31
TypeScript 是一种开源的编程语言，它可以编译成 JavaScript 代码，运行在任何 JavaScript 引擎上。TypeScript 由微软开发，它在 JavaScript 的基础上增加了类型系统，从而使 JavaScript 更加强大和易于使用。
联合类型
联合类型允许你将多个类型组合成一个新的类型。例如，你可以定义一个名为 Age 的联合类型，它包含 number 和 string 两种类型。
type Age = number | string;
你可以使用联合类型来定义函数的参数类型和返回值类型。例如，你可以定义一个函数 getAge，它接受一个 Age 类型的参数，并返回一个 string 类型的返回值。
function getAge(age: Age): string {
if (typeof age === 'number') {
return age.toString();
} else {
return age;
}
}
枚举类型
枚举类型允许你定义一组固定的值。例如，你可以定义一个名为 Color 的枚举类型，它包含 Red、Green 和 Blue 三个值。
enum Color {
Red,
Green,
Blue
}
你可以使用枚举类型来定义变量和常量。例如，你可以定义一个变量 color，它是一个 Color 类型的变量。
let color: Color = Color.Red;
泛型
泛型允许你创建可重用的组件，这些组件可以在不同的类型上工作。例如，你可以定义一个名为 Array 的泛型类，它可以存储任何类型的元素。
class Array<T> {
private items: T[] = [];
public add(item: T) {
this.items.push(item);
}
public get(index: number): T {
return this.items[index];
}
}
你可以使用泛型类来创建数组、列表和队列等数据结构。
总结
联合类型、枚举类型和泛型都是 TypeScript 中非常重要的特性。它们可以帮助你编写出更加健壮和可维护的代码。
相关参考资料
常见问题解答
- 什么是 TypeScript？
TypeScript 是一种开源的编程语言，它可以编译成 JavaScript 代码，运行在任何 JavaScript 引擎上。TypeScript 由微软开发，它在 JavaScript 的基础上增加了类型系统，从而使 JavaScript 更加强大和易于使用。
- 联合类型是什么？
联合类型允许你将多个类型组合成一个新的类型。例如，你可以定义一个名为 Age 的联合类型，它包含 number 和 string 两种类型。
- 枚举类型是什么？
枚举类型允许你定义一组固定的值。例如，你可以定义一个名为 Color 的枚举类型，它包含 Red、Green 和 Blue 三个值。
- 泛型是什么？
泛型允许你创建可重用的组件，这些组件可以在不同的类型上工作。例如，你可以定义一个名为 Array 的泛型类，它可以存储任何类型的元素。
- 为什么使用 TypeScript？
TypeScript 可以帮助你编写出更加健壮和可维护的代码。它提供了类型系统，可以帮助你捕获错误并在编译时发现问题。TypeScript 还提供了许多其他特性，可以帮助你提高开发效率，例如泛型和模块。
