TypeScript 接口

Happier2024年11月13日...大约 2 分钟

接口声明

接口 (interface) 是对象的模板，可以看作是一种类型约定。使用了某个模板的对象，就拥有了指定的类型结构。

interface Person {
  firstName: string,
  lastName: string,
  age: number
}

任何实现这个接口的对象，都必须部署这三个属性，并且必须符合规定的类型。

const p: Person = {
  firstName: "John",
  lastName: "Smith",
  age: 25,
}

接口可以继承其他类型。

接口可以使用 extends 关键字，继承其他接口。

interface Shape {
  name: string
}

interface Circle extends Shape {
  radius: number
}

接口允许多重继承。

interface Style {
  color: string
}

interface Shape {
  name: string
}

interface Circle extends Style, Shape {
  radius: number
}

多重继承时，如果多个父接口存在同名属性，那么这些同名属性不能有类型冲突，否则会报错。

interface Foo {
  id: string
}

interface Bar {
  id: number
}

// 报错
interface Baz extends Foo, Bar {
  type: string
}

接口也可以继承 type 定义的对象类型。

type Country = {
  name: string,
  capital: string
}

interface CountryWithPop extends Country {
  population: number
}

接口也可以继承 class 定义的类。

class A {
  x: string = ""
  y(): boolean {
    return true
  }
}

interface B extends A {
  z: number
}

多个同名接口会合并成一个接口。

interface Box {
  height: number,
  width: number
}

interface Box {
  length: number
}

两个 Box 接口会合并成一个接口，拥有 height、width 和 length 三个属性。

相同点：

不同点：