TypeScript 之美妙：接口的魔法

前端

2023-09-05 07:03:59

接口的概念

接口本质上是一种约束，它约束了变量、类、函数等应该按照什么样的格式进行声明。在 TypeScript 中，接口使用 interface 定义，它可以定义对象的形状，即哪些属性和方法可以存在于该对象上，以及它们的类型。

接口的用途

接口的用途非常广泛，它可以帮助你：

类型检查： TypeScript 会对接口进行类型检查，如果你的代码违反了接口的约束，TypeScript 会报错，从而帮助你避免类型错误。
变量声明： 你可以使用接口来声明变量，这样 TypeScript 就可以知道变量的类型，并在你试图赋予变量不正确类型的值时报错。
函数声明： 你可以使用接口来声明函数，这样 TypeScript 就可以知道函数的参数类型和返回值类型，并在你传递不正确类型的参数或返回不正确类型的值时报错。
约束： 你可以使用接口来约束 JavaScript 本身的随意性，从而使你的代码更加健壮和可靠。

接口的例子

以下是一个接口的例子：

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

这个接口定义了一个 Person 对象，它有两个属性：name 和 age。name 属性是一个字符串，age 属性是一个数字。

你可以使用这个接口来声明变量、类和函数，例如：

let person: Person = {
  name: "John Doe",
  age: 30
};

class Student implements Person {
  name: string;
  age: number;
  studentId: number;

  constructor(name: string, age: number, studentId: number) {
    this.name = name;
    this.age = age;
    this.studentId = studentId;
  }
}

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