如何修复内部错误：递归过多？

Question

有一个canvas效果需要循环，但是工作3-4分钟后就报错，然后一切就冻结了。怎么解决？

    _this.loop = function (callback) {
        callback();
        reqAnimFrame(function () {
            _this.loop(function () {
                callback();
            });});};
var reqAnimFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) {
        window.setTimeout(callback, 1000 / 60);};

Answer 1

这应该可以解决

Uncaught InternalError: too much recursion

错误。

_this.loop = function (callback) {
    callback();
    reqAnimFrame(() => {
        _this.loop(callback);
    });
};

来源：

• 游戏循环requestAnimFrame（javascript / canvas）
• requestAnimationFrame 实现是递归的吗？
• https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame