前端 TypeScript 面试题, 什么是 TypeScript 的索引访问类型?

Step 1

Q:: 什么是 TypeScript 的索引访问类型？

A:: TypeScript 的索引访问类型（Index Access Types）允许我们通过索引操作符 [] 来访问某个类型的特定属性的类型。例如，假设我们有一个接口 Person，其中包含一个属性 name。我们可以通过 Person['name'] 来获取 name 属性的类型。这在实际开发中非常有用，因为它可以帮助我们确保在访问对象的属性时，类型是准确的。例如：type NameType = Person['name']; 这种机制还可以与 keyof 操作符结合使用，以动态地访问类型的属性。

Step 2

Q:: 如何使用 TypeScript 中的 keyof 操作符？

A:: keyof 操作符可以获取某个对象类型的所有键，并将这些键作为联合类型返回。例如，假设我们有一个接口 Person，包含 name 和 age 两个属性，那么 keyof Person 的结果将是 'name' | 'age'。这通常用于泛型约束中，以确保一个变量只能是对象的某个属性。

Step 3

Q:: 你能解释一下 TypeScript 的映射类型吗？

A:: 映射类型（Mapped Types）是 TypeScript 中的一种高级类型，它允许我们根据现有类型创建新的类型。我们可以通过 in 关键字遍历一个联合类型来生成新的类型。常见的映射类型包括 Partial<T>、Readonly<T>、Record<K, T> 等。例如，type PartialPerson = Partial<Person> 会生成一个所有属性都是可选的 Person 类型。映射类型在需要进行对象属性的批量操作时非常有用。

Step 4

Q:: TypeScript 中的 Partial<T> 和 Required<T> 有什么区别？

A:: Partial<T> 和 Required<T> 是 TypeScript 提供的两个实用工具类型。Partial<T> 会将类型 T 的所有属性变为可选，而 Required<T> 则将类型 T 的所有属性变为必需。这两个类型可以在需要对对象属性进行灵活处理时派上用场。例如，当我们只想更新一个对象的部分属性时，可以使用 Partial<T> 来生成新类型。

Step 5

Q:: 在 TypeScript 中，什么是条件类型？

A:: 条件类型（Conditional Types）是 TypeScript 中的一种高级类型，它的语法类似于三元运算符，可以根据条件返回不同的类型。条件类型的基本形式是 T extends U ? X : Y，这表示如果 T 可以赋值给 U，那么类型结果是 X，否则是 Y。条件类型在编写复杂类型逻辑时非常有用，例如当我们需要根据输入类型生成不同的输出类型时。