Javascript : resquestAnimationFrame as object property

Asked Apr 29 '18 at 13:49

Active Apr 29 '18 at 13:55

Viewed 14 times

In my javascript code, I create a foo object.

I create a draw() method.

In my foo object, window.requestAnimationFrame() is a value of a foo property called foo.requestAnimationFrame.

But when I call foo.requestAnimationFrame(foo.draw) to execute foo.draw again, it doesn't work because console javascript in chrome displays this error :

Uncaught TypeError: Illegal invocation

Here my javascript code :

var foo = {

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

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

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

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

foo.init();

So Why it doesn't work ? Thank you very much.

asked Apr 29 '18 at 13:49

totoaussi

3

What is it that you intend to solve with that? Why not just use `window.requestAnimationFrame()` directly? – Pointy Apr 29 '18 at 13:50
Because I want encapsulate all – totoaussi Apr 29 '18 at 13:51
3

@totoaussi: Assigning it to a property on `foo` doesn't increase encapsulation in any meaningful way. – T.J. Crowder Apr 29 '18 at 13:53
@ JonasW - I read right past those `()`, you're right. I leave it to you... :-) – T.J. Crowder Apr 29 '18 at 13:57
`console.log(foo.requestAnimationFrame)` and you will see that it is `undefined` as `requestAnimationFrame()` returns nothing. – Jonas Wilms Apr 29 '18 at 13:57
1

@t.j. isnt there a good dupe for this? There must be one ... – Jonas Wilms Apr 29 '18 at 13:58
@JonasW.: Quite true! – T.J. Crowder Apr 29 '18 at 13:58
@totoaussi: `foo.requestAnimationFrame = window.requestAnimationFrame();` => `foo.requestAnimationFrame = window.requestAnimationFrame;`, see the linked question's answers for why. (But again, I wouldn't do that anyway.) – T.J. Crowder Apr 29 '18 at 13:59

Javascript : resquestAnimationFrame as object property

0 Answers0