TypeScript 数据类型
介绍
TypeScript 是 JavaScript 的超集,它为 JavaScript 添加了静态类型检查。数据类型是 TypeScript 的核心概念之一,它帮助我们定义变量、函数参数和返回值的类型,从而提高代码的可读性和可维护性。
在 TypeScript 中,数据类型可以分为两大类:基本类型和复杂类型。基本类型包括 number
、string
、boolean
等,而复杂类型则包括 object
、array
、tuple
、enum
等。
基本数据类型
1. number
number
类型用于表示数字,包括整数和浮点数。
let age: number = 25;
let price: number = 19.99;
2. string
string
类型用于表示文本数据。
let name: string = "Alice";
let greeting: string = `Hello, ${name}!`;
3. boolean
boolean
类型用于表示逻辑值,即 true
或 false
。
let isActive: boolean = true;
let isCompleted: boolean = false;
4. null
和 undefined
null
和 undefined
是 TypeScript 中的特殊类型,分别表示“无值”和“未定义”。
let emptyValue: null = null;
let notDefined: undefined = undefined;
在 TypeScript 中,null
和 undefined
是所有类型的子类型,这意味着你可以将 null
或 undefined
赋值给任何类型的变量。
复杂数据类型
1. object
object
类型用于表示非原始类型的值,即除了 number
、string
、boolean
、null
和 undefined
之外的类型。
let user: object = {
name: "Alice",
age: 25,
};
2. array
array
类型用于表示一组相同类型的元素。
let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];
3. tuple
tuple
类型允许你表示一个已知元素数量和类型的数组,各元素的类型不必相同。
let userInfo: [string, number] = ["Alice", 25];
4. enum
enum
类型用于定义一组命名的常量。
enum Color {
Red,
Green,
Blue,
}
let favoriteColor: Color = Color.Green;
实际应用场景
场景 1:用户信息管理
假设我们正在开发一个用户管理系统,需要存储用户的基本信息,如姓名、年龄和是否激活。
type User = {
name: string;
age: number;
isActive: boolean;
};
let user: User = {
name: "Alice",
age: 25,
isActive: true,
};
场景 2:商品库存管理
在一个电商系统中,我们需要管理商品的库存信息,包括商品名称、价格和库存数量。
type Product = {
name: string;
price: number;
stock: number;
};
let product: Product = {
name: "Laptop",
price: 999.99,
stock: 10,
};
总结
TypeScript 的数据类型系统为我们提供了强大的工具来定义和约束变量的类型,从而提高代码的可靠性和可维护性。通过掌握基本类型和复杂类型,我们可以更好地构建复杂的应用程序。
附加资源
练习
- 定义一个
Person
类型,包含name
(字符串)、age
(数字)和isStudent
(布尔值)三个属性。 - 创建一个
Person
类型的变量,并为其赋值。 - 定义一个
Book
类型,包含title
(字符串)、author
(字符串)和pages
(数字)三个属性。 - 创建一个
Book
类型的变量,并为其赋值。
通过完成这些练习,你将更深入地理解 TypeScript 的数据类型及其应用。