TypeScript-内置应用程序类型-Recode

TypeScript 内置应用程序类型 - Record

TypeScript 是一种强类型的 JavaScript 超集，它提供了许多内置类型，方便开发者编写更安全、可维护的代码。Record 是 TypeScript 提供的一个非常有用的泛型类型，它允许我们创建一个类型安全的对象映射。

什么是 Record？

Record 类型用于将属性键映射到属性值。它可以创建具有特定键类型和值类型的对象类型。

语法如下：

type Record<K extends keyof any, T> = {
    [P in K]: T;
};
​

• K 表示键的类型。
• T 表示值的类型。

具体示例

1. 基本使用

interface User {
    id: number;
    name: string;
}

const users: Record<string, User> = {
    user1: { id: 1, name: "Alice" },
    user2: { id: 2, name: "Bob" },
};
​

在上面的例子中，Record<string, User> 表示一个对象，其中键是字符串类型，值是 User 类型。

2. 枚举键的使用

enum Role {
    Admin = "admin",
    User = "user",
}

const roles: Record<Role, string[]> = {
    [Role.Admin]: ["read", "write", "delete"],
    [Role.User]: ["read"],
};
​

在这个例子中，Record<Role, string[]> 创建了一个对象，其键是 Role 枚举类型，值是字符串数组类型。

3. 动态属性键类型

type Page = "home" | "about" | "contact";

interface PageInfo {
    title: string;
}

const pageInfo: Record<Page, PageInfo> = {
    home: { title: "Home Page" },
    about: { title: "About Us" },
    contact: { title: "Contact Us" },
};
​

在这里，Record<Page, PageInfo> 创建了一个对象，其键是 Page 类型（即 "home"、"about"、"contact" 之一），值是 PageInfo 类型。

Record 类型的优势

1. 类型安全：Record 类型确保键和值的类型在编译时是正确的，避免了运行时错误。
2. 可读性和维护性：定义明确的对象映射类型使代码更易于理解和维护。
3. 灵活性：可以结合 enum、联合类型等创建复杂的对象映射类型。

使用场景

1. 配置对象：创建配置对象或映射关系，如角色权限、页面信息等。
2. 字典数据结构：实现类似字典的数据结构，键值对存储和检索。
3. 动态表单：根据不同的表单字段类型，生成相应的表单控件配置。

总结

TypeScript 的 Record 类型是一个强大的工具，可以用于创建类型安全的对象映射。它的灵活性和类型安全性使其成为管理复杂对象结构的理想选择。