TypeScript入门进阶(三) --- 类与接口

2023-10-20 13:06:32

TypeScript类

TypeScript中的类与其他语言中的类很相似。它们可以用来表示现实世界中的对象，并可以包含属性和方法。类还可以用来继承其他类，从而实现代码的复用。

在TypeScript中，创建一个类可以使用class。例如：

class Person {
  name: string;
  age: number;

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

  greet() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

这个类定义了一个名为Person的类，它有两个属性：name和age。它还定义了一个名为greet()的方法，该方法会在控制台输出一条消息。

要创建一个Person对象，可以使用new关键字。例如：

const person = new Person('John', 30);

这将创建一个名为person的Person对象，该对象具有name和age属性，其值分别为John和30。

TypeScript接口

TypeScript中的接口是一种用来定义对象形状的工具。它可以用来指定一个对象应该具有哪些属性和方法。接口不能被实例化，但它可以被类实现。

在TypeScript中，创建一个接口可以使用interface关键字。例如：

interface Person {
  name: string;
  age: number;

  greet(): void;
}

这个接口定义了一个名为Person的接口，它有两个属性：name和age。它还定义了一个名为greet()的方法，该方法不返回值。

要实现一个接口，可以使用implements关键字。例如：

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

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

  greet() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}