📜  什么是接口并在 Typescript 的参考中解释它?(1)

📅  最后修改于: 2023-12-03 15:21:49.245000             🧑  作者: Mango

什么是接口并在 TypeScript 的参考中解释它?

接口是一种定义对象结构的方式,在 TypeScript 中可以用来描述对象的形状(Shape)。简单来说,接口就是一组属性和对应类型的集合,它定义了对象需要具备的属性和方法。

在 TypeScript 中,接口使用 interface 关键字来定义,语法如下:

interface InterfaceName {
  property1: type,
  property2: type,
  // ...
}

其中 InterfaceName 是接口的名称,property1property2 等则是接口的属性,它们具有相应的类型。

除了定义对象的结构外,接口还能约束类的结构。当一个类实现了某个接口时,必须实现该接口中定义的属性和方法。

下面是一个简单的接口示例:

interface Person {
  name: string;
  age: number;
  sayHello: () => void;
}

const person: Person = {
  name: 'Tom',
  age: 18,
  sayHello() {
    console.log(`Hello, my name is ${this.name}, I'm ${this.age} years old.`);
  }
};

person.sayHello(); // 输出:"Hello, my name is Tom, I'm 18 years old."

上述代码定义了一个名为 Person 的接口,它具有 nameage 两个属性,以及一个名为 sayHello 的方法。接着通过一个对象字面量来声明一个 person 对象,它满足 Person 接口的定义,即具有 nameage 两个属性和 sayHello 方法。最后调用 person 对象的 sayHello 方法,输出了对应的字符串。

在 TypeScript 的官方文档中,有许多关于接口的详细说明和使用示例,供开发者参考。