Why Inheritance using classes in Javascript? - Purpose & Use Cases

The Big Idea

What if you could write shared code once and magically have it work for many things without repeating yourself?

The Scenario

Imagine you want to create several types of vehicles like cars, bikes, and trucks. You write separate code for each, repeating the same properties like speed and color again and again.

The Problem

This manual way is slow and boring. If you want to change something common, you must update every vehicle type separately. It's easy to make mistakes and forget to update one place.

The Solution

Inheritance lets you write common features once in a base class. Then other classes can reuse and add their own details. This saves time and keeps your code clean and easy to fix.

Before vs After

✗ Before

function Car() { this.speed = 0; this.color = 'red'; }
function Bike() { this.speed = 0; this.color = 'blue'; }

✓ After

class Vehicle {
  constructor(color) {
    this.speed = 0;
    this.color = color;
  }
}
class Car extends Vehicle {
  constructor() {
    super('red');
  }
}
class Bike extends Vehicle {
  constructor() {
    super('blue');
  }
}

What It Enables

Inheritance makes it easy to build complex programs by sharing common features and adding unique ones without repeating yourself.

Real Life Example

Think of a video game where many characters share health and movement but have different weapons. Inheritance helps create these characters quickly and clearly.

Key Takeaways

Manual repetition wastes time and causes errors.

Inheritance shares common code in one place.

It helps build organized and flexible programs.