Функция вызова protoype через «this» return «не является функцией»

Question

нужна помощь в понимании clousures и prototypes, я вызываю метод цикла внутри функции, проблема в том, что когда я вызываю «loop» возвращает «is not функция»вот пример:

window.onload= startGame(); 

var theGame; 

function startGame(){ 
    theGame = new game(); 
    theGame.loop(); /*im calling the method*/ 

} 

function game(){ 
    this.canvas=document.getElementById("breakout"); 
    this.context = this.canvas.getContext('2d'); 
    this.canvas.width=window.innerWidth; 
    this.canvas.height=window.innerHeight; 
    // this.loop(); /*¿can i call it here too?*/ 
    this.speed = 100; 

} 

game.prototype.loop = function() { 

    console.log(this.speed+=1); 

    var self = this; 
    requestAnimationFrame(function(){ 
      self.loop(); 
     }); 

}; 

, когда я называю„“метод браузеров ошибки „РАМОЧНАЯ Uncaught TypeError: theGame.loop не является функцией“

Answer 1

проблема заключается в том, что вы неправильно настроив обработчик события onload, так как вы вызываете функцию сразу, а не просто r вызывая его.

window.onload= startGame(); 

Должно быть:

window.onload = startGame;