如何从子类的重写方法中调用父方法

Question

How can I access a method from a parent class that was overridden in the child class? In My example below I want to call the bar.my_name() method inside the overriding method in foo.my_name()

function bar() {
  this.my_name = function() {
    alert("I Am Bar");
  }
}

function foo() {
  this.my_name = function() {
    alert("I Am Foo");
    //access parent.my_name()
  }
}

foo.prototype = Object.create(bar.prototype);
foo.prototype.constructor = foo;

var test = new foo();
test.my_name();

Answer 1

One of possible solutions is to move the method to the base class prototype.

function bar() {
}

bar.prototype.my_name = function() {
  alert("I am bar");
}

function foo() {
}

foo.prototype = Object.create(bar.prototype);
foo.prototype.my_name = function() {
    alert("I Am Foo");
    bar.prototype.my_name.call(this);
}

foo.prototype.constructor = foo;

var test = new foo();
test.my_name();

Answer 2

You could do this:

(new bar()).my_name.call(this);

I think you're a little confused about how prototypes work though, as they're not really helping you here.

This might be slightly better:

var bar = {
    my_name: function () {
        console.log('bar name');
    }
};

var foo = Object.create(bar);

foo.my_name = function () {
    console.log('foo name');
    bar.my_name.call(this);
};

Or if you want to use constructors, something like this:

function Bar () {}

Bar.prototype.my_name = function () {
    console.log('bar name');
};

var foo = Object.create(Bar.prototype);

foo.my_name = function () {
    console.log('foo name');
    bar.my_name.call(this);
};

But I'm not really sure what you're trying to do or why, so with more context it will be easier to give you better advice.