什么是接口？
接口是一种用于描述对象或函数形状的抽象类型。接口定义了一个对象的属性或方法名以及它们的类型和参数类型。通过使用接口，我们可以规范和限制数据和函数的使用方式，从而更好地保证代码的健壮性和可维护性。
如何定义接口？
在 TypeScript 中，定义接口需要使用 interface 关键字，并指定对象的属性名称和类型。下面是一个简单的例子：
--------- ------ - ----- ------- ---- ------- ------- --- - ---- -
在这个例子中，我们定义了一个 Person 接口，它有三个属性：name、age 和 gender。其中 name 是字符串类型，age 是数字类型，gender 是枚举类型，只能是 '男' 或 '女' 中的一个。
如何使用接口？
在 TypeScript 中，我们可以通过实现接口来创建具有相同属性和方法的对象。例如：
--------- ------ - ----- ------- ---- ------- ------- --- - ---- - --- -- ------ - - ----- ----- ---- --- ------- --- --
在这个例子中，我们定义了一个 Person 接口，并通过一个字面量对象 p 来实现它，即 p 只能具有 Person 接口中定义的属性。在 p 中，我们使用了字符串 '张三' 来初始化 name 属性、数字 20 来初始化 age 属性、以及字符串 '男' 来初始化 gender 属性。因为 '男' 是符合 Person 接口中 gender 属性定义的字符串之一，所以编译器不会报错。
如何规范函数类型？
在 TypeScript 中，我们也可以使用接口来规范函数类型。例如：
--------- ---------- - --- ------- -- -------- ------- - --- ---- ---------- - ----------- ------- -- -------- ------ - ------ - - -- --
在这个例子中，我们定义了一个 Calculator 接口，它规定了一个函数类型。这里 Calculator 描述了一个函数，其接收两个数字参数并返回一个数字结果。接着，我们定义了一个名为 add 的函数，它满足 Calculator 接口的规范，因此可以使用 Calculator 来类型注释 add。
如何使用接口来规范数据结构？
一般来说，通过使用接口规范数据结构，我们可以方便地定义复杂的数据类型并对其进行增强。例如，一个 JSON 对象可以通过定义接口来准确定义其结构。
--------- ---- - --- ------- ----- ------- ---- ------- ----- ------- - --- ------ ------ - - - --- -- ----- ----- ---- --- ----- ----- -- - --- -- ----- ----- ---- --- ----- ----- - --
在这个例子中，我们定义了一个 User 接口，它包含了一个用户数据结构，并创建了一个名为 users 的数组来存储多个用户的数据。在 users 数组中，每个元素都满足 User 接口的规范，它们都具有 id、name、age 和 city 这四个属性，在编译器中，你可以非常方便地进行类型检查和自动补全。
总结
接口是 TypeScript 中非常重要的概念，它使我们可以用一种抽象的方式定义数据类型和函数类型，从而提高了代码的可读性和可维护性。通过本文的学习，你应该能够掌握 TypeScript 中接口的使用方式，并能够灵活运用于实际项目中。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6481a10f48841e989411b941