調用父類中的方法從子類 - 的JavaScript

Question

Possible Duplicate:
set attribute with javascript super method

我試圖創建HTML5一個簡單的遊戲樂趣。我有一個應該是Player類的超類的實體類。

function Entity(x, y) { 

    this.x = x; 
    this.y = y; 

    this.tick = function() { 
     //Do generic stuff 
    } 
} 

function Player(x, y) { 

    this.parent.constructor.call(this, x, y); 

    this.tick = function() { 
     //Do player-specific stuff 
     this.parent.tick.call(this); 
    } 
} 

Player.prototype = new Entity(); 
Player.prototype.constructor = Player; 
Player.prototype.parent = Entity.prototype; 

的問題是在這條線：

this.parent.tick.call(this); 

我得到了鍍鉻的JavaScript控制檯顯示一個錯誤：「遺漏的類型錯誤：無法調用的未定義‘叫’」。

我不明白，我花了很長時間試圖找到類似問題的帖子。我對超類的構造函數的調用工作正常，但對超類'tick方法的調用不起作用。

我對製作遊戲很陌生，所以我不知道這是否是一個好的設置（從子類打勾調用超類打勾）。如果有更好，更典型的人使用的方式，請告訴。

謝謝。

Answer 1

適應this answer到您的代碼：

function Entity(x, y) { 

    this.x = x; 
    this.y = y; 

    this.tick = function() { 
     //Do generic stuff 
    } 
} 

function Player(x, y) { 

    this.parent.constructor.call(this, x, y); 

    var oldtick = this.tick; 
    this.tick = function() { 
     //Do player-specific stuff 
     oldtick.call(this); 
    } 
} 

Player.prototype = Object.create(Entity.prototype); 
Player.prototype.constructor = Player; 
Player.prototype.parent = Entity.prototype; 

Answer 2

你的問題啓發了我環顧四周，我發現我的想法是a great article by Josh Gertzen這個概念。

function Class() { } 
Class.prototype.construct = function() {}; 
Class.extend = function(def) 
{ 
    var classDef = function() 
    { 
     if (arguments[0] !== Class) 
     { 
      this.construct.apply(this, arguments); 
     } 
    }; 
    var proto = new this(Class); 
    var superClass = this.prototype; 
    for (var n in def) 
    { 
     var item = def[n];      
     if (item instanceof Function) item.$ = superClass; 
     proto[n] = item; 
    } 
    classDef.prototype = proto; 
    classDef.extend = this.extend;  
    return classDef; 
}; 

在這之後你的情況是一樣簡單：

var Entity = Class.extend({ 
    tick: function() 
    { 
     alert('Entity tick'); 
    } 
}); 

var Player = Entity.extend({ 
    tick: function() 
    { 
     alert('Player tick'); 
     arguments.callee.$.tick.call(this); 
    } 
}); 

p = new Player(); 
p.tick(); 

這將提醒Player tick然後

我大搖大擺地從他的文章中的一些代碼，以建立一個extends方法的類複製Entity tick。