TypeScript 中如何使用类 (class) 实现接口 (interface)

TypeScript 是一种面向对象的编程语言，它支持类 (class) 和接口 (interface) 的使用。在 TypeScript 中，类可以实现一个或多个接口，从而实现对接口的约束。本文将介绍 TypeScript 中如何使用类实现接口，并提供示例代码。

什么是接口 (interface)

在 TypeScript 中，接口是一种规范，用于描述对象的形状。接口定义了对象应该具有的属性和方法，但不包含实现细节。接口的作用是约束对象的结构，从而使代码更加健壮和可维护。

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

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

该接口定义了一个 Person 类型，它具有 name 和 age 两个属性，以及一个 sayHello 方法。任何实现了该接口的对象都必须包含这些属性和方法。

什么是类 (class)

在 TypeScript 中，类是一种面向对象的编程方式，它可以用于创建对象。类包含属性和方法，可以通过实例化来创建对象。类可以继承其他类，从而实现代码的重用。

下面是一个简单的类示例：

// javascriptcn.com 代码示例
class Animal {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  sayHello() {
    console.log(`Hello, I'm ${this.name}`);
  }
}

该类定义了一个 Animal 类型，它包含一个 name 属性和一个 sayHello 方法。该类的构造函数接收一个 name 参数，用于初始化 name 属性。

类实现接口

在 TypeScript 中，类可以实现一个或多个接口，从而实现对接口的约束。类实现接口的语法如下：

class ClassName implements InterfaceName {
  // ...
}

下面是一个类实现接口的示例：

// javascriptcn.com 代码示例
interface Person {
  name: string;
  age: number;
  sayHello(): void;
}

class Student implements Person {
  name: string;
  age: number;
  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
  sayHello() {
    console.log(`Hello, I'm ${this.name}, ${this.age} years old`);
  }
}

const student = new Student('Tom', 18);
student.sayHello(); // 输出：Hello, I'm Tom, 18 years old

该示例定义了一个 Person 接口和一个实现了该接口的 Student 类。Student 类包含 name 和 age 两个属性，以及一个 sayHello 方法。该类的构造函数接收 name 和 age 两个参数，用于初始化 name 和 age 属性。

总结

本文介绍了 TypeScript 中如何使用类实现接口，并提供了示例代码。通过类实现接口，我们可以更好地约束对象的结构，从而使代码更加健壮和可维护。希望本文对您有所帮助。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6558a795d2f5e1655d2d4fc0