admin 管理员组

文章数量: 1184232


2024年3月20日发(作者:js代码加密文本)

ts中extends用法

在 TypeScript 中,extends 是一个非常重要的关键字,用于实现继承。

通过 extends 关键字,我们可以创建一个类,该类继承自另一个类的属

性和方法。这种继承的方式被称为类继承。

在 TypeScript 中,extends 关键字的使用方式与其他面向对象编程语

言类似。我们可以通过 extends 关键字来扩展一个类,使其继承另一个

类的特性。下面我们来看一个例子:

```typescript

class Animal {

name: string;

constructor(name: string) {

= name;

}

eat() {

(`${} is eating.`);

}

}

class Dog extends Animal {

breed: string;

constructor(name: string, breed: string) {

super(name);

= breed;

}

bark() {

(`${} is barking.`);

}

}

const dog = new Dog("Bobby", "Labrador");

(); // 输出:Bobby is eating.

(); // 输出: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) {

= name;

}

eat() {

(`${} is eating.`);

}

}

class Flyable {

fly() {

(`${} is flying.`);

}

}

class Bird extends Animal, Flyable {

constructor(name: string) {

super(name);

}

}

const bird = new Bird("Sparrow");

(); // 输出:Sparrow is eating.

(); // 输出:Sparrow is flying.

```

在上面的例子中,我们定义了一个 Animal 类和一个 Flyable 类,它

们分别有各自的属性和方法。然后我们通过 extends 关键字创建了一个

Bird 类,它同时继承了 Animal 类和 Flyable 类的特性。

通过 extends 关键字,我们可以在 TypeScript 中实现类的继承,使

得子类可以继承父类的属性和方法。这样,我们可以更好地组织和管

理代码,提高代码的可复用性和可维护性。同时,TypeScript 还支持多

重继承,使得我们可以同时继承多个类的特性。


本文标签: 继承 代码 关键字 方式 父类