未捕獲RangeError：最大調用堆棧大小超出畫布請求AnimFrame

Question

我目前正在研究javascript canvas 2D遊戲引擎，並且遇到一些與requestAnimFrame有關的問題。 在我看來，我做是正確，但一段時間後，我收到以下錯誤(Uncaught RangeError: Maximum call stack size exceeded)

你可以看看源在這裏：http://snipt.org/vxij1

Answer 1

我的猜測是，這條線：

requestAnimFrame(this.mainGameLoop()); 

應該是這樣的：

var self = this; 
requestAnimFrame(function() {self.mainGameLoop()}); 

讓你的回調後稱爲回調，不執行imme diately。