延续上一篇 TypeScript 入门教程，本文将深入探讨枚举、数组、元组、对象、类型别名以及可选属性和类型保护等核心概念。 如果您尚未阅读上一篇文章，建议先阅读后再继续阅读本文。
1- 跟我一起学习 TypeScript - 1
枚举
枚举为定义一组命名常量提供了一种便捷方式。默认情况下，枚举成员从 0 开始赋值，但可以自定义赋值。
1
2
3
4
5
6
7
enum Color { red = "red", green = "green", blue = "blue" }
const getColorMessage = (color: Color): string => {
return `You selected ${color}`;
};
console.log(getColorMessage(Color.red));
数组
TypeScript 数组用于存储相同类型元素的集合，类似于 Python 列表。
1
2
3
4
5
6
7
const numbers: number[] = [1, 2, 3, 4];
numbers.push(5);
console.log(numbers);
numbers.push("five"); // 类型“string”不能赋值给类型“number”
元组
元组是长度和类型都固定的数组类型。 在已知数据结构的情况下，元组可以提高代码效率。
1
2
3
const user: [number, string] = [1, "alice"];
console.log(user);
对象
TypeScript 对象使用类型定义来描述对象的结构。
1
2
3
const user: { id: number; name: string } = { id: 1, name: "alice" };
console.log(user.name);
类型别名
类型别名用于定义自定义类型，提高代码的可重用性和可读性。 (注意：避免在实际项目中使用 type 作为变量名。)
1
2
3
4
5
type UserType = { id: number; name: string };
const user: UserType = { id: 1, name: "alice" };
console.log(user.id);
可选属性
可选属性允许对象属性的值可以存在也可以不存在。使用 ? 表示属性是可选的。
1
2
3
4
5
type UserType = { id: number; name?: string };
const user: UserType = { id: 1 };
console.log(user.name ?? "name not provided");
类型保护
类型保护用于缩小代码块中变量的类型范围。 例如，处理可选属性时，可以进行类型检查以避免错误。
1
2
3
4
5
if (typeof user.name === string) {
console.log("Welcome,", user.name);
} else {
console.log("Welcome, Guest");
}
下一篇文章将介绍函数和类型断言。
丹麦阿里