前言
TypeScript 是微软开发的一门编程语言，是 JavaScript（以下简称 JS）的一个超集，它添加了类型系统，这使得代码更易于维护、调试、排错并且更安全。TypeScript 的类型系统增加了代码可读性同时也可以防止某些常见的错误类型。本文将详细介绍 TypeScript 中接口的定义及应用。
接口定义
接口（Interfaces）在 TypeScript 中是一种特殊的结构，它描述了对象的类型。接口相当于一个契约，规定了对象需要具备的属性和方法。语法格式为：interface {接口名称} {接口内容}。下面是一个示例：
interface Person {
name: string;
age: number;
sayHello: (message: string) => void;
}Person 接口规定了一个人应该具备的属性和方法，即name、age和sayHello。其中sayHello是一个方法，它接受一个字符串类型的参数并返回值为void。
接口应用
对象属性的约束
接口可以规定对象属性应该有的类型，这样可以防止因属性类型不匹配导致的错误。下面是一个使用 Person 接口的示例：
-- -------------------- ---- -------
-------- ------------------ ------- -
--------------- ---- -- --------------- --- ------------- ----- -------
-------------------- ------------
-
----- ---- - -
----- -------
---- ---
----------------- ------- -
---------------------
--
--
-----------------在这个示例中，showPerson函数接受一个参数person，类型为 Person 接口。而后，在接口的要求下，传给该函数的参数 jack 除了必须包含name、age两个属性之外，还必须具备sayHello方法。
可选属性
有时候我们需要一个对象的属性是可选的，这时可以使用可选属性?。比如下面的示例：
-- -------------------- ---- ------- --------- ------ - ----- ------- ---- ------- -------- ------- - ----- ----- ------ - - ----- ------- ---- --- --
在这个示例中，gender属性是可选的。可以看到，我们在定义lucy对象时没有传入gender属性，这是因为它是可选的，当然也可以在定义时加上：
const jerry: Person = {
name: "Jerry",
age: 25,
gender: "male",
};只读属性
有时候我们需要一个对象的某些属性是只读的，这时可以使用readonly关键字来定义只读属性。比如下面的示例：
-- -------------------- ---- ------- --------- ------ - -------- --- ------- ----- ------- ---- ------- - ----- ---- ------ - - --- ---- ----- ------ ---- --- -- -- -------- ------ - ---- -- --
在这个示例中，id属性是只读的，一旦被赋值就无法修改。
类型别名
在 TypeScript 中可以使用类型别名来定义一个新类型。语法为：type {类型别名名称} = {类型}。比如下面的示例：
-- -------------------- ---- ------- ---- -------- - ------ ---- -- ----- -------- ------------------- --------- - -- ------ --- ----- ---- - - ----- ------- ---- -- -- --------------- - ------------------ ------ - ------------------ ---
在这个示例中，我们定义了一个类型别名 Callback，它定义了一个回调函数类型，接受一个data参数并返回值为void。然后我们把这个类型别名作为fetchData函数的参数类型，这样可以保证传入的参数类型正确。
总结
本文介绍了 TypeScript 中接口的定义以及应用，包括对象属性的约束、可选属性、只读属性和类型别名。接口是 TypeScript 中一个非常重要的特性，它规定了对象的类型，可以使代码更加健壮、可读性更高，同时也可以防止一些常见的错误类型，是 TypeScript 开发中一个必不可少的知识点。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f3553af6b2d6eab3cc4e7c