Call parent function in parent class instead of child (same names) javascript

Question

I have two functions with same names. One inside child class and one inside parent.

I thought If i call method in parent class that parent's function will be invoked.

But it looks it doesn't work like this and invokes child function.

So my question is how to invoke parent function in parent class if i have another with same name in child class.

I would like to get 'Parent' and 'Child', but i get 2 times 'Child'

class Parent {
  constructor() {
    this.init()
  }
  init() {
    console.log('Parent');
  }
}
class Child extends Parent {
  constructor() {
    super();
    this.init()
  }
  init() {
    console.log('Child');
  }
}
new Child();

[How to call a parent method from child class in javascript?](https://stackoverflow.com/q/11854958/691711) — zero298, Jan 27 '20 at 16:56
I don't want to invoke parent function in children class but parent function in parent class — Dominik Smęda, Jan 27 '20 at 17:11
Someone can correct me if I am wrong, but your ```init()``` from the ```Parent``` class is overridden by you defining ```init()``` in the ```Child``` class. — gillharman, Jan 27 '20 at 17:44
More information can be found [here. (under The Third Behavior section)](https://www.educba.com/overriding-in-javascript/) — gillharman, Jan 27 '20 at 17:51

score 0 · Accepted Answer · answered Jan 27 '20 at 17:57

this is referring to the child instance, and inherits its .init method that shadows the .init method inherited from the parent. To refer to that explicitly, you'd write

class Parent {
  constructor() {
    Parent.prototype.init.call(this)
  }
  init() {
    console.log('Parent');
  }
}

But this is a really bad idea, both to override a method where the overriding one shouldn't be called, and in general to call overrideable methods in the constructor. In your case, just do all your work inside your constructor instead and drop the init method altogether.

score 0 · Answer 2 · edited Oct 07 '22 at 12:03

0

As parent constructor call init() already, child constructor should not call init() any more.

Instead, child init() can optionally call parent init().

edited Oct 07 '22 at 12:03

cursorrux

1,382
4
9
20

answered Oct 03 '22 at 20:23

StockOverflow

1

Call parent function in parent class instead of child (same names) javascript

2 Answers2