This site is mobile accessible. Press the "Tap Here" button to use a smaller font-size.

Tap Here!

Smartphone icons created by Freepik - Flaticon

JS Class Inheritance

Use the "extends" keyword to inherit all methods from another class.

Use the "super" method to call the parent's constructor function.

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  present() {
    return 'I have a ' + this.carname;
  }
}

class Model extends Car {
  constructor(brand, mod) {
    super(brand);
    this.model = mod;
  }
  show() {
    return this.present() + ', it is a ' + this.model;
  }
}

const myCar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = myCar.show();

• The super() method refers to the parent class.
• By calling the super() method in the constructor method, we call the parent's constructor method and gets access to the parent's properties and methods.
• Inheritance is useful for code reusability: reuse properties and methods of an existing class when you create a new class.