初学者的 TypeScript 接口简介

TypeScript 接口是一项强大的功能，可让您定义对象的结构，确保它们符合特定的形状要求。本指南将向您介绍 TypeScript 接口的基础知识，包括如何定义和有效地使用它们。

什么是接口？

TypeScript 中的接口是一种描述对象形状的方法。它允许您定义对象应具有的属性和方法及其类型。接口可帮助您在代码中实现一致性和清晰度。

定义接口

要定义接口，请使用 interface 关键字，后跟接口名称和对象形状：

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

在这个例子中，Person 接口指定 Person 对象应该具有类型为 string 的 name 和类型为 number 的 age。

使用接口

定义接口后，您可以使用它来检查对象、函数参数和返回值的类型。这可确保对象符合定义的结构。

使用对象接口

下面展示了如何使用 Person 接口对对象进行类型检查：

const person: Person = {
  name: "Alice",
  age: 30
};

在这个例子中，person 对象遵循 Person 接口，确保它具有正确类型的 name 和 age。

使用接口和函数

接口还可以用于对函数参数和返回值进行类型检查：

function greet(person: Person): string {
  return `Hello, ${person.name}!`;
}

在这个例子中，greet 函数接受一个类型为 Person 的参数并返回一条问候消息。

可选属性

接口可以使用 ? 修饰符包含可选属性。这表示该属性可能存在也可能不存在：

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

在此示例中，email 是一个可选属性，它可以包含也可以不包含在 Person 对象中。

只读属性

您还可以将属性定义为只读，这意味着它们在初始化后不能被修改：

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

在此示例中，name 属性是只读的，一旦设置就无法更改。

扩展接口

接口可以扩展其他接口，允许您在现有形状上进行构建：

interface Employee extends Person {
  employeeId: number;
}

在这个例子中，Employee 接口扩展了 Person 接口，添加了 employeeId 属性。

结论

TypeScript 接口是定义和强制执行代码中的对象形状的基本功能。通过使用接口，您可以确保一致性、提高代码可读性并利用 TypeScript 强大的类型检查功能。开始将接口合并到您的 TypeScript 项目中，以创建更强大且更易于维护的代码。