javascript - Javascript Canvas 动画超出最大调用堆栈大小

Question

我有一个 jsFiddle，我一直在搞乱它，试图让我的小游戏变得更有条理，有类等等，但是当我请求一个动画帧时，传入对象(每个帧都有一些功能每个对象)，我得到一个最大调用堆栈大小错误。我怎样才能在不放弃类(class)的情况下解决这个问题？

jsFiddle: http://jsfiddle.net/Blawkbuilder/Q5U3X/109/

我怀疑是罪魁祸首的行:

    window.requestAnimationFrame(draw(p1,p2));

但是控制台链接到的行出现在 jquery 的某处:

    } else if ( !rhtml.test( elem ) ) {

修复？我对 javascript 有点陌生。

(如果需要，这里是以前的，不是基于类的版本，它仍然按照我想要的方式运行) http://jsfiddle.net/Blawkbuilder/9hmca/131/

Answer 1

requestAnimationFrame 接受回调。您正在评估 draw(p1, p2) 并将其返回值传递给 requestAnimationFrame。你应该改成这样:

requestAnimationFrame(function() { draw(p1, p2); });

这类似于 setInterval/setTimeout。