三、初探interface

前言

前两章我们学习了如何声明基础的变量，这一节通过 interface 接口可以定义对象的类型限制。这一节非常重要，当你入手项目的时候你会发现要大量使用interface。

基础用法

下面代码中我们定义了用户的类型，username是字符串，hobby用 string[] 语法定义类型为字符串组成的数组，头像是 string 或者 boolean，并且通过 ? 设置为可选属性，年龄使用 readonly 设置为只读属性，如果对年龄进行修改就会报错。

interface User {
  username: string;
  nickname: string;
  hobby: string[];
  avatar?: string | boolean;
  readonly age: number;
}

我们可以按照以下方式进行使用，当你书写代码的时候你会发现有很好的类型提示，并且如果多写或是少写一个属性的时候会报错，这里你是不是初步体会到了TS带给我们的好处。

const userInfo: User = {
  username: "tom",
  nickname: "tom",
  hobby: ["coding", "music"],
  age: 20,
  avatar: true,
};

这一章我们简单介绍了一下interface，后面的章节中会反复出现，这样你对interface的使用和理解会更加深刻。