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

Question

如何从子类中被重写的父类访问方法？ 在下面的示例中，我想在foo.my_name（）的重写方法内调用bar.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

一种可能的解决方案是将方法移至基类原型。

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

您可以这样做：

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

我认为您对原型的工作方式有些困惑，因为它们并没有真正帮助您。

这可能会稍微好一点：

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);
};

或者，如果您想使用构造函数，则如下所示：

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);
};

但是我不确定自己要做什么或为什么做，所以有了更多背景信息，可以为您提供更好的建议。