前端面试中TypeScript接口常考问题有哪些？

前端面试中 TypeScript 接口（Interface）常考问题解析与应对指南

在前端工程师的面试过程中,TypeScript 已成为高频考点，而接口（interface）作为 TypeScript 的核心特性之一，更是考察的重点，掌握接口的常见问题及解答思路，不仅能帮助你在技术面试中脱颖而出，还能提升日常开发中对类型系统的理解，本文将围绕前端面试中 TypeScript 接口的常考问题展开解析，助你系统梳理知识点。

TypeScript 接口的基本作用是什么？

接口的核心作用是定义对象的结构或函数的签名，通过类型约束确保代码的规范性和可维护性，可以用接口描述一个用户的属性类型：

interface User {
  id: number;
  name: string;
  email?: string; // 可选属性
}

面试中常结合实际场景,考察接口如何约束变量、函数参数或返回值，避免运行时类型错误。

接口与类型别名（Type Alias）的区别是什么？

这是面试高频题,需明确两者的差异：

接口：仅用于定义对象、类或函数的结构，支持声明合并（同一接口多次定义会合并属性）。
类型别名：更灵活，可定义任意类型（如联合类型、元组等），但不支持声明合并。
示例：
```
type Point = { x: number; y: number }; // 类型别名
interface Animal { name: string } // 接口
```

如何定义函数接口？

接口可以描述函数的参数和返回值类型,通过调用签名实现：

interface SearchFunc {
  (source: string, subString: string): boolean; // 参数和返回值的类型定义
}
const search: SearchFunc = (src, sub) => src.includes(sub);

面试中可能进一步追问：如何用接口约束重载函数？此时需结合函数重载语法与接口的扩展性回答。

接口如何实现继承？

接口支持继承其他接口或通过&符号合并多个接口，体现类型的扩展性：

interface Admin extends User {
  role: string; // 继承 User 并扩展新属性
}
// 或合并多个接口
interface A { a: string }
interface B { b: string }
type C = A & B; // { a: string; b: string }

面试中可能考察继承与交叉类型（&）的应用场景差异。

可索引类型接口是什么？如何使用？

当需要约束对象的键值对类型时（如数组或字典），可使用可索引签名：

interface StringArray {
  [index: number]: string; // 索引为 number，值为 string
}
const arr: StringArray = ["a", "b"]; // 合法

面试中可能结合数组、对象或 Map 类型考察索引签名的实际应用。

接口如何约束类（Class）？

通过implements关键字，类需实现接口定义的所有属性和方法：

interface Logger {
  log(message: string): void;
}
class ConsoleLogger implements Logger {
  log(message: string) { console.log(message); } // 必须实现 log 方法
}

此问题常与类的设计模式（如依赖注入）结合考察。