如何从子类中调用基类构造函数在TypeScript中|极客笔记

如何从子类中调用基类构造函数在TypeScript中

在本文中，我们将介绍在TypeScript中如何从子类中调用基类的构造函数。TypeScript是一种静态类型的编程语言，它是JavaScript的超集，为JavaScript添加了类型系统和其他一些特性。

在TypeScript中，我们可以使用extends关键字来创建一个子类，该子类继承自一个基类。当我们创建子类的实例时，我们需要调用基类的构造函数来初始化基类中的属性和方法。以下是一些示例代码来说明如何在TypeScript中从子类中调用基类构造函数。

class Animal {
  name: string;

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

  sayHello() {
    console.log(`Hello, I'm ${this.name}`);
  }
}

class Dog extends Animal {
  breed: string;

  constructor(name: string, breed: string) {
    super(name); // 调用基类的构造函数
    this.breed = breed;
  }

  bark() {
    console.log("Woof!");
  }
}

const dog = new Dog("Max", "Golden Retriever");
dog.sayHello(); // 输出：Hello, I'm Max
dog.bark(); // 输出：Woof!

在上面的代码中，我们定义了一个基类Animal，它有一个构造函数和一个sayHello方法。然后我们创建了一个子类Dog，它继承自Animal，并具有一个额外的属性breed和一个方法bark。在子类Dog的构造函数中，我们使用super关键字来调用基类Animal的构造函数，并传递name参数。这样就能够确保基类Animal中的name属性被正确地初始化。

现在，当我们创建一个Dog类的实例时，可以看到它能够调用基类Animal的sayHello方法，并且还能调用自己的bark方法。这说明我们成功地从子类中调用了基类的构造函数。

除了在构造函数中调用基类的构造函数之外，我们还可以通过super关键字来调用基类的其他方法。这对于子类需要扩展基类的功能来说非常有用。下面是一个示例代码：

class Animal {
  name: string;

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

  sayHello() {
    console.log(`Hello, I'm ${this.name}`);
  }
}

class Dog extends Animal {
  breed: string;

  constructor(name: string, breed: string) {
    super(name);
    this.breed = breed;
  }

  bark() {
    super.sayHello(); // 调用基类的sayHello方法
    console.log("Woof!");
  }
}

const dog = new Dog("Max", "Golden Retriever");
dog.bark();

在上面的代码中，我们在子类Dog的bark方法中使用了super关键字来调用基类Animal的sayHello方法。这样我们可以在子类扩展的方法中使用基类的方法，从而实现更复杂的功能。

阅读更多：JavaScript 教程