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

// ...