javascript - Javascript：resquestAnimationFrame 作为对象属性

Question

在我的 javascript 代码中，我创建了一个 foo 对象。

我创建了一个 draw() 方法。

在我的 foo 对象中，window.requestAnimationFrame() 是一个名为 foo.requestAnimationFrame 的 foo 属性的值。

但是当我调用 foo.requestAnimationFrame(foo.draw) 再次执行 foo.draw 时，它不起作用，因为 chrome 中的控制台 javascript 显示此错误：

未捕获的类型错误：非法调用

这是我的javascript代码：

var foo = {

   "init" : function()
    {
        foo.requestAnimationFrame = window.requestAnimationFrame();

        //Draw : 
        foo.draw();
    }, 

    "draw" : function()
    {
        console.log("Drawing");

        foo.requestAnimationFrame(foo.draw);
    }
};

foo.init();

那么为什么它不起作用呢？非常感谢。

标签： javascriptrequestanimationframe