typescript派生类如何实现

最新推荐文章于 2024-09-14 18:52:56 发布

开心妮妮

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量21

点赞数

文章标签： typescript javascript 前端 ecmascript 开发语言

TypeScript 派生类如何实现

在软件开发中，我们经常会遇到需要在现有类的基础上扩展新功能的场景。派生类（或称子类）便是用来实现这一目的的重要工具。本文将深入讨论 TypeScript 中如何实现派生类，并通过一个实际的旅行规划工具作为示例，帮助大家理解其用法。

1. 什么是派生类？

派生类是基于已有类（父类）创建的新类。新的类继承了父类的属性和方法，可以添加新的属性和方法或重写父类的方法。TypeScript 通过 extends 关键字实现这一功能。

例子

class Animal {
  constructor(public name: string) {}

  makeSound(): string {
    return `${this.name} makes a sound.`;
  }
}

class Dog extends Animal {
  makeSound(): string {
    return `${this.name} says woof!`;
  }
}

在上述代码中，Dog 类继承了 Animal 类，并重写了 makeSound 方法。

2. 实际问题——旅行规划工具

假设我们要构建一个简单的旅行规划工具，其中包含不同种类的交通工具（例如：汽车、飞机等）。我们可以定义一个基类 Transport 和几个派生类，如 Car 和 Plane，每个派生类都可以有特定的属性和方法。

3. 基类和派生类的设计

基类

首先定义一个基类，包含一些通用的属性和方法，如下：

class Transport {
  constructor(public name: string, public speed: number) {}

  calculateTravelTime(distance: number): number {
    return distance / this.speed;
  }
}

派生类

然后，我们为不同的交通工具创建派生类。

class Car extends Transport {
  constructor(name: string, speed: number, public fuelEfficiency: number) {
    super(name, speed);
  }

  calculateFuelNeeded(distance: number): number {
    return distance / this.fuelEfficiency;
  }
}

class Plane extends Transport {
  constructor(name: string, speed: number, public altitude: number) {
    super(name, speed);
  }

  calculateFlightTime(distance: number): number {
    return distance / this.speed;
  }
}

4. 使用设计的类

接下来，我们来利用这些类进行旅行规划的实例。

const myCar = new Car("Toyota", 120, 15); // 速度120公里/小时，燃油效率15公里/升
const myPlane = new Plane("Boeing", 900, 30000); // 速度900公里/小时，高度30000英尺

const distance = 240; // 旅行距离240公里

const carTravelTime = myCar.calculateTravelTime(distance);
const carFuelNeeded = myCar.calculateFuelNeeded(distance);
const planeTravelTime = myPlane.calculateFlightTime(distance);

console.table([
  { Transport: myCar.name, TravelTime: carTravelTime.toFixed(2) + " hours", FuelNeeded: carFuelNeeded.toFixed(2) + " liters" },
  { Transport: myPlane.name, TravelTime: planeTravelTime.toFixed(2) + " hours" },
]);