在 TypeScript 中，`interface` 和 `type` 的区别

在 TypeScript 中，interface 和 type 都可以用来定义对象类型，但它们有一些关键区别：

主要区别

‌1.扩展方式不同‌：

• interface 使用 extends 继承
• type 使用 & 交叉类型

// interface 扩展
interface A { x: number }
interface B extends A { y: string }

// type 扩展
type C = { x: number }
type D = C & { y: string }

2.合并声明‌：

• interface 可以重复声明并自动合并
• type 不能重复声明

interface User { name: string }
interface User { age: number }
// 最终 User 是 { name: string; age: number }

type Person = { name: string }
type Person = { age: number } // 错误: 重复标识符 'Person'

3.类型表达式‌：

• type 可以使用更复杂的类型表达式
• interface 只能用于对象类型

type StringOrNumber = string | number
type Tuple = [string, number]

使用建议

1. ‌**优先使用 interface**‌：

• 定义对象类型时
• 需要声明合并时
• 需要被类实现时

• ‌**使用 type**‌：

• 需要联合类型、元组类型时
• 需要类型映射、条件类型等高级特性时
• 需要定义基本类型别名时

示例对比

// 使用 interface
interface Point {
  x: number
  y: number
}

interface Point3D extends Point {
  z: number
}

// 使用 type
type PointType = {
  x: number
  y: number
}

type Point3DType = PointType & {
  z: number
}

// 只有 type 可以做的
type ID = string | number
type Coordinates = [number, number]

在实际开发中，两者可以混合使用，根据具体场景选择更合适的工具。

原文链接：https://juejin.cn/post/75089622