ts中extends用法
在 TypeScript 中，extends 是一个非常重要的关键字，用于实现继承。通过 extends 关键字，我们可以创建一个类，该类继承自另一个类的属性和方法。这种继承的方式被称为类继承。
在 TypeScript 中，extends 关键字的使用方式与其他面向对象编程语言类似。我们可以通过 extends 关键字来扩展一个类，使其继承另一个类的特性。下面我们来看一个例子：
```typescript
class Animal {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  eat() {
    console.log(`${this.name} is eating.`);
  }
}
class Dog extends Animal {
  breed: string;
  constructor(name: string, breed: string) {
    super(name);
    this.breed = breed;
  }
  bark() {
    console.log(`${this.name} is barking.`);
  }
}
const dog = new Dog("Bobby", "Labrador");
dog.eat(); // 输出：Bobby is eating.
dog.bark(); // 输出：Bobby is barking.
```
在上面的例子中，我们定义了一个 Animal 类，它有一个属性 name 和一个方法 eat。然后我们通过 extends 关键字创建了一个 Dog 类，它继承了 Animal 类的属性和方法，并且还有一个额外的属性 breed 和一个方法 bark。
在 Dog 类的构造函数中，我们使用了 super 关键字来调用父类 Animal 的构造函数，并传递了 name 参数。这样，我们就可以在 Dog 类中使用父类 Animal 的属性和方法。
通过 extends 关键字，我们可以实现类的继承，使得子类可以拥有父类的属性和方法。这样，我们可以更好地组织和管理代码，提高代码的可复用性和可维护性。
除了继承单个类之外，TypeScript 还支持多重继承。我们可以通过使用逗号分隔的方式来继承多个类。下面是一个多重继承的例子：
```typescript
class Animal {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  eat() {
    console.log(`${this.name} is eating.`);
  }
}
class Flyable {
  fly() {
    console.log(`${this.name} is flying.`);
  }
}
class Bird extends Animal, Flyable {
  constructor(name: string) {
    super(name);
script在html中的用法
  }
}
const bird = new Bird("Sparrow");
bird.eat(); // 输出：Sparrow is eating.
bird.fly(); // 输出：Sparrow is flying.
```
在上面的例子中，我们定义了一个 Animal 类和一个 Flyable 类，它们分别有各自的属性和方法。然后我们通过 extends 关键字创建了一个 Bird 类，它同时继承了 Animal 类和 Flyable 类的特性。
通过 extends 关键字，我们可以在 TypeScript 中实现类的继承，使得子类可以继承父类的属性和方法。这样，我们可以更好地组织和管理代码，提高代码的可复用性和可维护性。同时，TypeScript 还支持多重继承，使得我们可以同时继承多个类的特性。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。