13 类与继承 🏫之基本用法
在上一章中,我们讨论了 TypeScript 中的函数与接口,以及如何通过接口为对象和函数的结构定义契约。这一章将深入探讨 TypeScript 中的类和继承基本用法,在这方面,TypeScript 赋予了我们强大的功能来创建可重用和可扩展的代码结构。
什么是类?
在 TypeScript 中,类是构造对象的蓝图。类可以包含属性和方法,并允许我们创建多个对象实例。通过类,我们可以更好地组织和管理我们的代码,使其更具模块化。
定义类
下面是一个简单的类的定义示例:
class Person {
name: string;
age: number;
constructor(name: string, age: number) {
this.name = name;
this.age = age;
}
greet() {
console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
}
}
在上述代码中,Person
类包含两个属性:name
和 age
,还有一个方法 greet
用于打印欢迎信息。构造函数 constructor
是一个特殊的方法,用于初始化对象的属性。
创建类的实例
我们可以使用 new
关键字来创建 Person
类的实例:
const person1 = new Person("Alice", 30);
const person2 = new Person("Bob", 25);
person1.greet(); // 输出: Hello, my name is Alice and I am 30 years old.
person2.greet(); // 输出: Hello, my name is Bob and I am 25 years old.
每个实例都有自己的属性值,彼此之间是独立的。
继承
继承是面向对象编程的重要特性之一,允许我们创建一个类,它可以从另一个类继承属性和方法。这使得代码复用变得更加容易。
创建基类和派生类
假设我们有一个基类 Person
,我们想要创建一个 Employee
类来表示员工信息。我们可以通过继承来实现这一点:
class Employee extends Person {
employeeId: number;
constructor(name: string, age: number, employeeId: number) {
super(name, age); // 调用基类的构造函数
this.employeeId = employeeId;
}
display() {
console.log(`Employee ID: ${this.employeeId}`);
}
}
在 Employee
类中,我们使用 extends
关键字来继承 Person
类。constructor
方法中使用 super()
调用基类的构造函数,以确保基类的属性能够被正确初始化。
使用派生类
现在我们可以创建 Employee
的实例并使用它的方法:
const employee1 = new Employee("Charlie", 28, 101);
employee1.greet(); // 输出: Hello, my name is Charlie and I am 28 years old.
employee1.display(); // 输出: Employee ID: 101
在这个例子中,employee1
不仅能够访问 Person
类中的 greet
方法,还可以使用 Employee
类的 display
方法。
总结
在本章中,我们介绍了 TypeScript 中类与继承的基本用法。我们首先定义了一个简单的类,并学习了如何创建类的实例。随后,我们探讨了如何通过继承实现代码复用,通过创建基类和派生类来实现更多特性。
接下来,本系列教程的下一篇将深入探讨类的构造函数与属性,以及更多关于类的高级用法。通过掌握这些基础知识,我们将在后续的学习中可以更好地进行 TypeScript 的开发。