Javascript: Class Inheritance

Inheritance is an important concept in Object Oriented Programming.

Inheritance is the process whereby one class, also called the sub-class, acquires the properties and methods of another class, also known as the super class.

To create a class inheritance in Javascript, we use the “extends” keyword.

class Animal{
 constructor(name){
        this.name = name;
    }
 sound(){
        console.log(`${this.name} makes sound`)
    }
}

class Cat extends Animal{
    myCat(){
        super.sound()
    }
}

let cat = new Cat("Fuzzy");
console.log(cat.myCat()); //Fuzzy makes sound

Notice that we use the “super” keyword to access the method from the parent class.

The class “Cat” now acquires the method of the super class “Animal”