Inheritance in Javascript with Super Keyword

With example, learn inheritance in Javascript with super keyword

Inheritance

class Animal {
  constructor(animalName, country) {
    this.animalName = animalName;
    this.country = country;
  }

  update(animalName=null, country=null) {
    if (animalName) {
      this.animalName = animalName;
    }
    if (country) {
      this.country = country;
    }
  }

  show() {
    console.log("A");
    console.log("Animal Name: ", this.animalName);
    console.log("Animal Country: ", this.country);
  }
}

animal = new Animal("Elephant", "India");
animal.show();
animal.update();
animal.show();
animal.update("Dog");
animal.show();
animal.update(null, "Africa");
animal.show();
animal.update("Whale", "Antartica");
animal.show();

class Whale extends Animal {
  constructor(name, animalName, country) {
    super(animalName, country);
    this.name = name;
  }

  updateName(name=null) {
    if (name) {
      this.name = name;
    }
  }

  show() {
    console.log("W");
    console.log("Animal: ", this.animalName);
    console.log("Penguin Country: ", this.country);
    console.log("Penguin Name: ", this.name);
  }
}

whale = new Whale("Ele", "Whale", "Goa");
whale.show();
whale.updateName();
whale.show();
whale.updateName("Molly");
whale.show();
whale.updateName(null);
whale.show();
animal.update("Ants");
animal.show();
animal.update(null, "Australia");
animal.show();
animal.update("Mites", "New Zealand");
animal.show();

class Penguin extends Animal {
  constructor(name, animalName, country) {
    super(animalName, country);
    this.name = name;
  }

  updateName(name=null) {
    if (name) {
      this.name = name;
    }
  }

  show() {
    console.log("P");
    console.log("Animal: ", this.animalName);
    console.log("Penguin Country: ", this.country);
    console.log("Penguin Name: ", this.name);
  }
}

penguin = new Penguin("Molly", "Penguin", "Goa");
penguin.show();
penguin.updateName();
penguin.show();
penguin.updateName("Pikachu");
penguin.show();
penguin.updateName(null);
penguin.show();
animal.update("Cat");
animal.show();
animal.update(null, "Russia");
animal.show();
animal.update("Seal", "Artic");
animal.show();

You can try this code here: https://repl.it/@VinitKhandelwal/inheritance-javascript