引言
TypeScript 是 JavaScript 的超集，它给 JavaScript 带来了强类型、接口、类等实现面向对象编程的新特性。在 TypeScript 中，类继承是一个很常见的特性，它使得我们可以重用已有的代码并基于已有的类创建新的类。在本文中，我们将会学习 TypeScript 中的类继承是如何实现的，以及如何在实际开发中使用类继承来提高代码的可重用性。
类继承的基本概念
类继承是面向对象编程中的一个重要概念，它允许一个类（被称为子类）继承另一个类（被称为父类）的属性和方法。这意味着，子类可以使用父类中已有的属性和方法，从而可以避免重复编写相同的代码。
类继承是通过 extends 关键字来实现的。具体来说，定义一个子类时，需要在 class 后面加上 extends 关键字并声明父类的名称。如下代码所示：
// javascriptcn.com code example
class Animal {
move(distanceInMeters: number = 0) {
console.log(`Animal moved ${distanceInMeters}m.`);
}
}
class Dog extends Animal {
bark() {
console.log('Woof! Woof!');
}
}
const dog = new Dog();
dog.bark();
dog.move(10);在上面的代码中，我们定义了一个动物类 Animal，其中有一个 move 方法用于输出动物移动的距离。然后我们定义了一个狗类 Dog，它继承了 Animal 类，并添加了一个 bark 方法用于输出“汪汪”声。最后，我们创建了一个 dog 实例，并调用了它的 bark 和 move 方法。
输出结果如下所示：
Woof! Woof! Animal moved 10m.
从上面的例子可以看出，在子类中，我们可以使用父类中已有的属性和方法，同时也可以添加新的属性和方法。
类继承的特性
在 TypeScript 中，类继承有以下几个特性：
子类可以调用父类的构造函数
在 TypeScript 中，子类可以使用 super 关键字调用父类的构造函数。这在子类需要继承父类的属性时非常有用。如下代码所示：
// javascriptcn.com code example
class Animal {
name: string;
constructor(name: string) {
this.name = name;
}
move(distanceInMeters: number = 0) {
console.log(`${this.name} moved ${distanceInMeters}m.`);
}
}
class Snake extends Animal {
constructor(name: string) {
super(name);
}
move(distanceInMeters = 5) {
console.log('Slithering...');
super.move(distanceInMeters);
}
}
const sam = new Snake('Sammy the Python');
sam.move();在上面的代码中，我们定义了一个 Animal 类，它有一个 name 属性和一个 move 方法。然后我们定义了一个 Snake 类，它继承了 Animal 类，并且重写了 move 方法。在 Snake 类的构造函数中，我们使用 super(name) 调用了父类 Animal 的构造函数来初始化 name 属性。在 Snake 类的 move 方法中，我们使用 super.move(distanceInMeters) 调用了父类 Animal 的 move 方法并传递了距离值。
输出结果如下所示：
Slithering... Sammy the Python moved 5m.
子类可以重写父类的方法
在 TypeScript 中，子类可以重写（Override）父类的方法。这意味着，子类可以使用与父类相同的方法名并提供不同的实现。如下代码所示：
// javascriptcn.com code example
class Animal {
move(distanceInMeters: number = 0) {
console.log(`Animal moved ${distanceInMeters}m.`);
}
}
class Dog extends Animal {
move(distanceInMeters = 10) {
console.log('Dog is running...');
super.move(distanceInMeters);
}
}
const dog = new Dog();
dog.move();在上面的代码中，我们定义了一个 Animal 类，并在其中定义了一个 move 方法。然后我们定义了一个 Dog 类，它继承了 Animal 类，并且重写了 move 方法。在 Dog 类的 move 方法中，我们输出了“狗在奔跑”的信息，并使用 super.move(distanceInMeters) 调用了父类 Animal 的 move 方法。
输出结果如下所示：
Dog is running... Animal moved 10m.
子类可以调用父类的方法
在 TypeScript 中，子类可以使用 super 关键字调用父类中已有的方法。这在子类需要继承父类的部分功能时非常有用。如下代码所示：
// javascriptcn.com code example
class Animal {
move(distanceInMeters: number = 0) {
console.log(`Animal moved ${distanceInMeters}m.`);
}
}
class Dog extends Animal {
move(distanceInMeters = 10) {
super.move(distanceInMeters);
}
bark() {
console.log('Woof! Woof!');
}
}
const dog = new Dog();
dog.move();
dog.bark();在上面的代码中，我们定义了一个 Animal 类，并在其中定义了一个 move 方法。然后我们定义了一个 Dog 类，它继承了 Animal 类，并添加了一个 bark 方法。在 Dog 类的 move 方法中，我们使用 super.move(distanceInMeters) 调用了父类 Animal 的 move 方法。
输出结果如下所示：
Animal moved 10m. Woof! Woof!
实际应用
在实际开发中，类继承可以用于创建具有共同属性和方法的多个类。例如，我们可以创建一个 Animal 类，并让其他类（如狗、猫、蛇等）继承它，这样可以避免重复编写相同的代码。
下面是一个简单的示例代码，其中定义了一个 Animal 类和它的三个子类 Dog、Cat、Snake：
// javascriptcn.com code example
class Animal {
name: string;
constructor(name: string) {
this.name = name;
}
move(distanceInMeters: number = 0) {
console.log(`${this.name} moved ${distanceInMeters}m.`);
}
}
class Dog extends Animal {
bark() {
console.log('Woof! Woof!');
}
}
class Cat extends Animal {
meow() {
console.log('Meow! Meow!');
}
}
class Snake extends Animal {
move(distanceInMeters = 5) {
console.log('Slithering...');
super.move(distanceInMeters);
}
}
const dog = new Dog('Buddy');
dog.bark();
dog.move(10);
const cat = new Cat('Molly');
cat.meow();
cat.move(5);
const snake = new Snake('Sammy');
snake.move();从上面的代码中可以看出，我们使用 Animal 类作为所有动物类的基础类，并定义了三个子类 Dog、Cat、Snake。每个子类都可以使用父类 Animal 中的属性和方法，同时还可以添加自己的属性和方法。
输出结果如下所示：
Woof! Woof! Buddy moved 10m. Meow! Meow! Molly moved 5m. Slithering... Sammy moved 5m.
结论
通过本文的学习，我们了解了 TypeScript 中类继承的基本概念和特性，并学习了如何在实际开发中使用类继承来提高代码的可重用性。希望读者能够掌握 TypeScript 类继承的基本用法和技巧，并在自己的项目中灵活运用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67346fbf0bc820c582491742