Typescript - 通俗易懂的 interface 接口，创建接口 / 基础使用 / 可选属性 / 只读属性 / 任意属性（详细教程）

作者：System 时间：2024年08月15日分类：所有,typescript 字数：765

这篇文章距离上次修改已过190天，其中的内容可能已经有所变动。

接口（Interface）在TypeScript中是一种结构化的数据类型定义方式，它能够明确地定义对象的形状，即定义对象哪些属性存在以及它们的类型。接口可以被用来定义函数类型，但在这里我们主要关注对象类型的接口。

接口使用interface关键字创建。




interface Person {
  name: string;
  age: number;
}

定义了接口后，可以使用implements关键字来实现这个接口。




let person: Person = {
  name: 'Alice',
  age: 25
};

有时我们希望一个接口里的一些属性是可选的，可以在属性名后面加上问号?。




interface Person {
  name: string;
  age?: number;
}
 
let person: Person = {
  name: 'Alice'
};

有时我们希望一个属性的值在对象创建后不被修改，可以使用readonly关键字。




interface Person {
  readonly name: string;
  age?: number;
}
 
let person: Person = {
  name: 'Alice'
};
 
// 下面的操作会引发编译错误
person.name = 'Bob';

以上是TypeScript中接口的基本使用方法。