OO Javascript继承降低了两个层次

wazzaday 发表于 Dev

星期三

我继承了一个对象，如下所示：

projectile.prototype = Object.create(interactiveElement.prototype);
function projectile(){
    interactiveElement.call(this);
}

InteractiveElement具有已定义的方法绘制。

interactiveElement.prototype.draw = function(){

}

当我这样称呼它很好用

var myArrow = new projectile();
myArrow.draw();

但是如果再次继承并从此调用draw方法：

arrow.prototype = Object.create(projectile.prototype);
function arrow(){
    projectile.call(this);
}

var myArrow = new arrow();
myArrow.draw();

然后，我得到错误“箭头没有方法'draw'”。您只能继承一次吗？我完全正确吗？

杰夫·雷诺

这是一个工作示例（http://jsfiddle.net/2n62J/）

function interactiveElement() {
}

interactiveElement.prototype.draw = function(){
    console.log('draw');
};

function projectile() {
    interactiveElement.call(this);
}

projectile.prototype = Object.create(interactiveElement.prototype);
projectile.prototype.fire = function() {
    console.log('projectile fire');
};

function arrow() {
    projectile.call(this);
}
arrow.prototype = Object.create(projectile.prototype);
arrow.prototype.fire = function() {
    projectile.prototype.fire.call(this); // if you want to call the parent function
    console.log('arrow fire');
};

var myArrow = new projectile();
myArrow.draw();
myArrow.fire();

var myArrow2 = new arrow();
myArrow2.draw();
myArrow2.fire();