TypeScript：索引类型查询和索引访问

如果您曾在 TypeScript 代码中见过类似 K extends keyof T 的代码片段，那么您可能会想知道它是如何工作的。在本文中，我们将探讨索引类型查询和索引访问的概念，以帮助您理解这一语法结构。

索引类型查询是一种在 TypeScript 中用于访问对象属性的语法。它允许您在不知道确切属性名称的情况下，从对象中获取值。这在编写可重用的代码和处理动态对象时非常有用。

索引类型查询的语法如下：

K extends keyof T

其中：

• K 是要获取的属性的名称。
• T 是对象的类型。

例如，以下代码使用索引类型查询来获取对象的 name 属性：

const name: string = person['name'];

在上面的示例中，person 是一个具有 name 属性的对象。keyof 运算符返回一个包含对象所有属性名称的字符串数组。然后，我们将此数组用作索引类型查询的一部分，以获取对象的 name 属性。

索引访问是访问对象属性的另一种方式。它使用点运算符 (.) 或方括号运算符 ([])。

person.name // 等同于 person['name']

在上面的示例中，person.name 和 person['name'] 都返回对象的 name 属性。

索引访问和索引类型查询之间存在一些关键差异。索引访问仅适用于具有已知属性名称的对象，而索引类型查询可用于具有动态属性名称的对象。此外，索引类型查询允许您在不知道确切属性名称的情况下获取属性的值，而索引访问则需要知道确切的属性名称。

索引类型查询和索引访问都是 TypeScript 中访问对象属性的强大工具。了解它们的差异和何时使用它们将有助于您编写更健壮、更灵活的代码。

以下是一些索引类型查询和索引访问的示例：

• 获取对象的 name 属性：

const name: string = person['name'];

• 获取对象的 age 属性：

const age: number = person['age'];

• 获取对象的 city 属性：

const city: string = person['city'];

• 获取对象的 favoriteColor 属性：

const favoriteColor: string = person['favoriteColor'];

• 获取对象的 hobbies 属性：

const hobbies: string[] = person['hobbies'];

索引类型查询和索引访问是 TypeScript 中访问对象属性的两种常用方法。它们都各有优缺点，具体使用哪一种方法取决于具体情况。