javascript - 如何使用 requestAnimationFrame 传递参数？

Question

在主程序中，我随机选择一个我想要制作动画的对象，因此我以该对象作为参数调用该函数。第一个循环没问题，x设置得很好，但在下一回合它变成了undefined .

像这样的东西:

var anim = {
        mainFunc: function(x) {
            anim.update(x);
            anim.redraw(x);
            window.requestAnimationFrame(anim.mainFunc);
        },

        update: function(x) {

        },

        redraw: function(x) {

        }
};

var n=Math.floor(Math.random() * (ArrayOfAnimObject.length));
anim.mainFunc(ArrayOfAnimObject[n]);

Answer 1

您需要创建一个引用或将函数调用包装在另一个函数中，如下所示:

mainFunc: function(x) {
    anim.update(x);
    anim.redraw(x);
    window.requestAnimationFrame(function() {
        anim.mainFunc(x);
    });
}