Javascript用子方法覆盖父方法

Question

How i can override parent method on child ? Is javascript have something like parent::method();

var Parent = function(){
       this.myMethod(){
          //Some code here
       };
    }

    var Child = function(){
       Parent.call(this);
       this.myMethod(){
          //Some code here
          //and then run parent method
       };
    }

Updated There is better way than do that (not ES6)?:

var Parent = function ()
{
    this.myMethod()
    {
        this.extedMyMethod()
        //Some code here
    };

    this.extedMyMethod()

}

var Child = function ()
{
    Parent.call(this);
    this.extedMyMethod()
    {
        //Some code which expand parent method
    };
}

PS If i do like @Suren Srapyan suguest webpack will convert to proper non ES6 ?

Answer 1

With ES6 class syntax inheritance you can do it via super calls.

 class Parent{ method(){ console.log('Parent !!!'); } } class Child extends Parent{ constructor(){ super(); } method(){ console.log('Child !!!'); super.method(); } } var child = new Child(); child.method(); 

UPDATED

You need also to use polyfill for different browsers

Answer 2

This is a native approach:

 Person = function (name) { this.name = name; this.sayBang = function() { console.log("Bang!"); } console.log("i'm a Person"); } Programmer = function (name) { Person.call(this,name); this.sayBang = function() { console.log("I'm hungry!"); } console.log("i'm a Programmer"); } var marco = new Programmer("Marco"); console.log(marco); marco.sayBang(); 

Answer 3

You can create new instances or return functions to make them accessible

var Parent = function(){
       return () => {
          alert("parent");
       };
  };

  var Child = function(){
      this.myMethod = function(){
        alert("child")
         Parent()();
      }
  };
var foo = new Child();
foo.myMethod();

jsfiddle example