How can we invoke the parent's method, when a child has a method with the same name in JavaScript?

In order to call the parent method when both parent and child have the same method name and signature.

You can use the below syntax −

console.log(yourParentClassName.prototype.yourMethodName.call(yourChildObjectName));

Example

class Super {
   constructor(value) {
      this.value = value;
   }
   display() {
      return `The Parent class value is= ${this.value}`;
   }
}
class Child extends Super {
   constructor(value1, value2) {
      super(value1);
      this.value2 = value2;
   }
   display() {
      return `${super.display()}, The Child Class value2
      is=${this.value2}`;
   }
}
var childObject = new Child(10, 20);
console.log("Calling the parent method display()=")
console.log(Super.prototype.display.call(childObject));
console.log("Calling the child method display()=");
console.log(childObject.display());

To run the above program, you need to use the following command −

node fileName.js.

Here, my file name is demo192.js.

Output

This will produce the following output −

PS C:\Users\Amit\javascript-code> node demo192.js
Calling the parent method display()= The Parent class value is= 10
Calling the child method display()= The Parent class value is= 10, The Child Class value2 is=20

AmitDiwan

Updated on 14-Sep-2020 08:31:46

• Related Questions & Answers
• Can JavaScript parent and child classes have a method with the same name?
• How do I invoke a Java method when given the method name as a string?
• Can we define a method name same as class name in Java?
• Can a method have the same name as the class?
• How to invoke a JavaScript Function as a method?
• Apply style to the parent if it has a child with CSS and HTML
• When can we use the pack() method in Java?
• When can we use the getClass() method in Java?
• How to get the child element of a parent using JavaScript?
• Can we define multiple methods in a class with the same name in Java?
• How to name a data frame column with a vector value that has the same name in R?
• How can create a table having the name like a^b along with same column name? name?
• If a method in parent class “throws Exception”, can we remove it in overridden method in java?
• When can we use StackWalker.getCallerClass() method in Java 9?
• How to invoke a function as a function and method?