TypeScript 类：深入浅出、直击要点

前端

2023-09-14 22:59:20

TypeScript 类：一览

在 TypeScript 中，类是一种用于创建对象的蓝图。它定义了对象的属性和方法，并提供了创建新对象的方法。类可以让我们将具有相同属性和行为的对象分组在一起，从而使代码更加清晰、可维护。

TypeScript 类与 JavaScript 对象的区别

TypeScript 类与 JavaScript 对象非常相似，但也有几点区别：

类可以有属性和方法，而对象只有属性。
类可以被继承，而对象不能。
类可以创建新的对象，而对象不能。

TypeScript 类基本语法

TypeScript 类使用 class 定义。类名必须以大写字母开头。

class Person {
  // 属性
  name: string;
  age: number;

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

TypeScript 类实例化

要创建新的 Person 对象，可以使用 new 关键字。

const person = new Person();
person.name = "John";
person.age = 30;
person.greet(); // Hello, my name is John and I am 30 years old.

TypeScript 类继承

TypeScript 类可以使用 extends 关键字继承另一个类。子类将继承父类的属性和方法。

class Student extends Person {
  // 属性
  school: string;

  // 方法
  study() {
    console.log(`${this.name} is studying at ${this.school}.`);
  }
}

TypeScript 类接口

TypeScript 类可以实现接口。接口定义了类必须实现的方法。

interface IAnimal {
  name: string;
  eat(): void;
}

class Dog implements IAnimal {
  name: string;

  eat() {
    console.log(`${this.name} is eating.`);
  }
}