Understanding TypeScript Inheritance

Welcome back! Now that you have a solid understanding of classes and objects, it's time to delve deeper into inheritance. This is a natural progression in our journey into object-oriented programming (OOP) using TypeScript's class-based system—meaning we use classes as blueprints to create and organize objects and their behaviors.

Inheritance in TypeScript allows you to create a new class that reuses the behavior of an existing class. This facilitates code reuse, extends object functionalities, and helps you create easily manageable and understandable programs. Let's dive in!

In this lesson, you'll learn how to leverage inheritance in TypeScript. We'll cover:

1. What Inheritance Is in TypeScript
2. How to Implement Inheritance Using Classes
3. Benefits of Using Inheritance

You'll also learn about class hierarchies and how to manage inheritance using constructors and class features.

Inheritance in TypeScript is a mechanism to create a hierarchical class structure, where one class inherits the properties and methods of another. To better understand this, we’ll use an example involving a Person class as the base class and a Student class as the derived class. This will help you see how properties and methods are inherited and extended in TypeScript.

Let’s start by defining a Person class using TypeScript syntax and type annotations to act as the base class in our example:

// Define the base class Person with name and age properties
class Person {
    name: string;
    age: number;

    constructor(name: string, age: number) {
        this.name = name;
        this.age = age;
    }

    // Method to display name and age
    display(): void {
        console.log(`Name: ${this.name}, Age: ${this.age}`);
    }
}

In this snippet, the Person class is defined with attributes name and age, both with explicit type annotations. The constructor initializes these attributes, and a display method is used to print the details.