的JavaScript函数原型不能从构造的对象

Question

对于下面的代码，我得到的GameStatsPanel功能的第二线以下错误：

"Uncaught TypeError: Object #Timer has no method 'start'"

我真的很困惑，为什么这种情况正在发生 - 我有一种感觉我错过了一些简单的地方，但我需要开悟。请随时通过访问www.letsplayglobalgames.com并选择“Play！”来查看问题。选项从主页。让我知道你是否需要更多细节。

function GameStatsPanel() { 
    this.timer = new Timer(); 
    this.timer.start(); /* error is thrown here */ 
} 
function Timer() { 
    this.container = document.getElementById('game_time'); 
    this.current_flag_time_start; 
    this.current_flag_time_stop; 
    this.time_start = new Date(); 
    this.time_stop; 
    this.time_difference; 
    this.current_flag_time_difference; 
} 
Timer.prototype.start = function() { 
    this.current_flag_time_start = new Date(); 
} 

Answer 1

你调用Timer构造的Timer.prototype必须设置与您的方法有机会了。

Timer函数可用，因为函数声明是“悬挂”的，因此可立即使用。

到Timer.prototype的扩展不是“红旗”，让您Timer的未改进.prototype当你做new Timer。

gameStatsPanel = new GameStatsPanel(); // Invoking this too soon. Put it and 
// ...       // anything else that uses the constructors at 
            // the bottom so the prototypes can be set up. 
function main() { 
    // ... 
} 

function GameStatsPanel() { 
    this.timer = new Timer(); // The `Timer.prototype` extensions haven't run yet 
    // ... 
    this.timer.start(); // .start doesn't yet exist 
} 

// ... 

function Timer() { 
    // ... 
} 

// ... 

// *Now* the .start() method is getting added. 
Timer.prototype.start = function() { 
    this.current_flag_time_start = new Date(); 
} 

// ...