请解释 TypeScript 中的 Record<K, T> 与 { [key: K]: T } 的区别

推荐答案

在 TypeScript 中，Record<K, T> 和 { [key: K]: T } 都可以用来表示一个对象类型，其中键的类型为 K，值的类型为 T。然而，它们在使用场景和语义上有一些区别。

• Record<K, T> 是一个内置的工具类型，通常用于表示一个具有特定键类型和值类型的对象。它更简洁且语义明确，适合在需要明确表示键值对类型时使用。
• { [key: K]: T } 是一种索引签名语法，通常用于表示一个对象的键是动态的，且键的类型为 K，值的类型为 T。它更灵活，适合在需要动态键类型时使用。

本题详细解读

1. Record<K, T> 的使用

Record<K, T> 是 TypeScript 提供的一个工具类型，用于创建一个对象类型，其中键的类型为 K，值的类型为 T。它的定义如下：

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

• K 是一个联合类型，表示对象的键类型。
• T 是对象的值类型。

示例：

type Person = Record<'name' | 'age', string | number>;

const person: Person = {
    name: 'Alice',
    age: 30
};

在这个例子中，Person 类型表示一个对象，其键为 'name' 或 'age'，值为 string 或 number 类型。

2. { [key: K]: T } 的使用

{ [key: K]: T } 是一种索引签名语法，用于表示一个对象的键类型为 K，值类型为 T。它的定义如下：

interface MyObject {
    [key: string]: number;
}

• K 通常是 string 或 number 类型，表示对象的键类型。
• T 是对象的值类型。

示例：

interface StringToNumberMap {
    [key: string]: number;
}

const scores: StringToNumberMap = {
    math: 90,
    science: 85
};

在这个例子中，StringToNumberMap 表示一个对象，其键为 string 类型，值为 number 类型。

3. 区别总结

• 语义明确性：Record<K, T> 更明确地表示一个键值对类型，适合在需要明确表示键值对类型时使用。
• 灵活性：{ [key: K]: T } 更灵活，适合在需要动态键类型时使用。
• 使用场景：Record<K, T> 通常用于已知键类型的场景，而 { [key: K]: T } 更适合键类型动态或未知的场景。

通过理解这两种类型的区别，开发者可以根据具体需求选择合适的方式来表示对象类型。