前端高频面试题：TypeScript 核心考点与实战解析

联合类型与交叉类型

• 联合类型 (|)：值可以是其中一种，例如 string | number。
• 交叉类型 (&)：值必须同时满足两种类型，常用于对象合并。

示例：

type A = { a: string };
type B = { b: number };
type C = A & B; // { a: string; b: number }

类型收窄（Type Narrowing）

常见方式包括 typeof 检查原始类型、instanceof 检查实例、in 检查属性、字面量类型守卫以及自定义类型守卫（is 关键字）。

示例：

function padLeft(value: string, padding: string | number) {
  if (typeof padding === 'number') {
    return Array(padding + 1).join(' ') + value;
  }
  return padding + value;
}

interface 和 type 的区别

推荐：对象/接口用 interface（支持合并，便于扩展）；联合、映射、工具类型用 type。

interface User {
  name: string;
}
interface User {
  age?: number;
}
// 自动合并
type ID = string | number;

中级篇（高频，考察实际编码能力）

泛型（Generics）是什么？

泛型允许创建可复用组件，支持类型参数化。

示例：

function identity<T>(arg: T): T {
  return arg;
}
let output = identity<string>('hello'); // T 推断为 string

场景：数组工具、Promise、React 组件 props、Vue defineProps 等。

高级篇（大厂深挖，考察类型体操）

常用工具类型

• Partial<T>：所有属性可选
• Required<T>：所有属性必选
• Readonly<T>：所有属性只读
• Pick<T, K>：挑选属性
• Omit<T, K>：排除属性
• Record<K, T>：键为 K，值为 T 的对象
• Exclude<T, U> / Extract<T, U>：联合类型排除/提取

示例：

type User = { name: string; age: number };
type PartialUser = Partial<User>; // { name?: string; age?: number }

tsconfig.json 关键配置

• target：编译目标（如 es2020）
• module：模块系统（如 esnext/commonjs）
• strict：开启所有严格检查（强烈推荐）
• noImplicitAny：隐式 any 报错
• strictNullChecks：null/undefined 严格检查
• esModuleInterop：更好导入 commonjs 模块
• skipLibCheck：跳过库类型检查（加速编译）

映射类型与条件类型

映射类型通过 [K in keyof T] 遍历键创建新类型。

type Optional<T> = {
  [P in keyof T]?: T[P];
};

条件类型格式为 T extends U ? X : Y。

type IsString<T> = T extends string ? 'yes' : 'no';
type Test1 = IsString<'hello'>; // 'yes'

实战应用题（框架相关高频）

在 React/Vue 项目中如何使用 TypeScript？

• React：用 .tsx，定义 props 类型（interface 或 type），配合 useState()。
• Vue：Vue 3 + TS 用 <script setup lang="ts">，结合 defineProps()。

如何处理第三方库没有类型定义？

• 用 declare module '库名'; 或安装 @types/库名（DefinitelyTyped）。
• 极端情况可用 any 断言，但不推荐。

面试建议

• 准备项目：准备一个 TS + React/Vue 的个人项目，面试时能说类型如何提升代码质量。
• 多练类型体操：LeetCode TS 版、Type Challenges（GitHub）。
• 关注新特性：TS 5.x 的 const type parameters、infer 改进等。

这些题覆盖了大部分大厂考察点，背熟 + 理解原理，TS 面试稳过！