ts中的record分析 | 指尖上的记忆

ts中的record分析:

Record 是 TypeScript 中的一个高级类型，它用于构建一个具有特定键和值类型的对象类型。Record 类型使得你可以方便地为对象定义一个键的类型范围和相应的值类型。

语法

Record<K, T>

K: 键的类型，通常是字符串或数字类型，可以是任何可以作为对象键的类型。
T: 值的类型，可以是任何有效的类型。

说明

Record<K, T> 表示一个对象，它的键类型是 K，值类型是 T。你可以将 Record 看作是一个用于指定对象结构的模板类型。

示例

####1.基本使用

type Timezones = Record<number, string>;

const timezonesMap: Timezones = {
  1: "Europe/Berlin",
  2: "America/New_York",
  3: "Asia/Shanghai"
};

这里我们定义了一个 Record<number, string> 类型的对象 timezonesMap，其键是数字类型，值是字符串类型。

####2. 传入字符串类型作为键

type UserRoles = Record<string, string>;

const userRoles: UserRoles = {
  admin: "Administrator",
  user: "Regular User",
  guest: "Guest User"
};

在这个例子中，Record<string, string> 定义了一个键为 string 类型、值为 string 类型的对象，userRoles 对象包含了不同角色的名称。

####3.使用联合类型作为键

type Config = Record<'host' | 'port' | 'protocol', string>;

const config: Config = {
  host: "localhost",
  port: "8080",
  protocol: "http"
};

这里使用了 Record 和联合类型作为键（'host' | 'port' | 'protocol'），定义了一个对象，强制它包含三个指定的键和相应的字符串值。

####4.用于枚举值

enum Status {
  Active = "active",
  Inactive = "inactive",
  Suspended = "suspended"
}

type StatusMessages = Record<Status, string>;

const statusMessages: StatusMessages = {
  [Status.Active]: "Active",
  [Status.Inactive]: "Inactive",
  [Status.Suspended]: "Suspended"
};

这里，我们用 Record 来创建一个对象，其中键是 Status 枚举类型，值是 string 类型。

关键特点

灵活的键和值类型： Record 类型允许你使用任何类型作为键和任何类型作为值。常见的情况是使用 string 或 number 作为键类型。
类型推断： TypeScript 会根据你传入的类型推断出具体的类型。例如，Record<"a" | "b", number> 会推断出 { a: number, b: number }。
简化代码： Record 提供了一种简洁的方式来创建具有特定键类型和值类型的对象，避免了冗长的手动类型声明。

注意事项

键类型的限制： Record<K, T> 中的 K 必须是一个可以作为对象键的类型。通常，K 会是 string、number 或它们的联合类型。如果你使用其他类型作为键（如 boolean 或 symbol），可能会遇到类型错误。
值类型的灵活性： T 的类型可以是任何有效的类型，包括基础类型、联合类型、甚至是复杂的自定义类型。

进阶示例

1. 使用 `Record` 和对象的嵌套

type NestedObject = Record<string, Record<string, number>>;

const nestedObject: NestedObject = {
  category1: {
    item1: 10,
    item2: 20
  },
  category2: {
    itemA: 30,
    itemB: 40
  }
};

在这个例子中，我们创建了一个 Record<string, Record<string, number>> 类型的对象，这意味着对象的值是另一个对象，且该对象的值是 number 类型。

2. 使用 `Record` 与类型推断

const timezonesMap = {
  1: "Europe/Berlin",
  2: "America/New_York",
  3: "Asia/Shanghai"
} as const;

type TimezonesMap = Record<keyof typeof timezonesMap, string>;

const timezoneMessages: TimezonesMap = {
  1: "Europe/Berlin",
  2: "America/New_York",
  3: "Asia/Shanghai"
};

这里我们通过 as const 将 timezonesMap 定义为常量对象，并利用 keyof typeof timezonesMap 来推断 Record 的键类型。

总结

Record 类型在 TypeScript 中非常强大，它使得你能够快速创建具有指定键和值类型的对象。通过灵活的键类型和值类型定义，它能够简化代码，确保类型安全，并避免手动编写重复的对象类型。