Javascript：resquestAnimationFrame作为对象属性

Question

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

我创建了一个draw（）方法。

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

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

  

未捕获的TypeError：非法调用

这是我的javascript代码：

var foo = {

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

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

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

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

foo.init();

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