Can JavaScript parent and child classes have a method with the same name?

Yes, parent and child classes can have a method with the same name.

Example

class Parent {
   constructor(parentValue) {
      this.parentValue = parentValue;
   }
   //Parent class method name which is same as Child Class method name.
   showValues() {
      console.log("The parent method is called.....");
      console.log("the value is="+this.parentValue);
   }
}
class Child extends Parent {
   constructor(parentValue,childValue){
      super(parentValue);
      this.childValue = childValue;
   }
   //Child class method name which is same as Parent Class method name.
   showValues() {
      console.log("The child method is called.....");
      console.log("The value is="+`${this.childValue}`);
   }
}
var parentObject = new Parent(100);
parentObject.showValues();
var childObject = new Child(400,500);
childObject.showValues();

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

node fileName.js.

Here, my file name is demo195.js.

Output

This will produce the following output −

PS C:\Users\Amit\javascript-code> node demo195.js
The parent method is called.....
the value is=100
The child method is called.....
The value is=500

AmitDiwan

Published on 14-Sep-2020 08:41:42