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);
    });
}

Answer 2

も使用できます.bind。

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