TypeScript 核心概念与面试实战指南

类型收窄（Type Narrowing）有哪些方式？ 利用联合类型配合条件判断缩小范围。

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

联合类型（|）和交叉类型（&）的区别？ 联合类型表示值可以是其中一种，交叉类型表示值必须同时满足两种类型。

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

泛型（Generics）是什么？应用场景？ 泛型允许创建可复用组件，支持类型参数化。

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

常见场景包括数组工具、Promise、React 组件 props、Vue defineProps 等。

interface 和 type 的区别？什么时候用哪个？

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

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

type ID = string | number;

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

常用工具类型包括 Partial<T>（所有属性可选）、Required<T>（所有属性必选）、Readonly<T>（只读）、Pick<T, K>（挑选属性）、Omit<T, K>（排除属性）、Record<K, T>（键值对对象）、Exclude<T, U> / Extract<T, U>（联合类型排除/提取）。

tsconfig.json 中哪些配置最重要？

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

映射类型（Mapped Types）如何使用？ 通过 [K in keyof T] 遍历键创建新类型。

type Optional<T> = {
  [P in keyof T]?: T[P];
}; // 等价于 Partial<T>

条件类型（Conditional Types）是什么？ 语法：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。保持对新特性的敏感度，如 TS 5.x 的 const type parameters 等。掌握这些核心点，TS 面试基本稳过。