javascript - Trigger one prototype function from another (including itself)

Question

The Problem

I have created a constructor called Game. Then, I tried to expand it's functionality by adding two new functions (update and render) using prototype.

However, I'd like my update function to be able to call both itself and then call render.

My Code

var Game = function(){

};

Game.prototype.update = function(){
    requestAnimationFrame(this.render);
    requestAnimationFrame(this.update);
};
Game.prototype.render = function(){
  console.log('Rendering');
};

var game = new Game();
game.update();

What I have also Tried

requestAnimationFrame(render);
requestAnimationFrame(update);

And..

requestAnimationFrame(Game.render);
requestAnimationFrame(Game.update);

And...

requestAnimationFrame(Parent.render);
requestAnimationFrame(Parent.update);

But due to some (glaringly obvious) gaps in my javascript knowledge, I can't make this work. It appears as if this and parent are both referring to window - I'm guessing that's because of how the functions were created.

This is the error I receive;

Game.js:6 Uncaught TypeError: Failed to execute 'requestAnimationFrame' on 'Window': The callback provided as parameter 1 is not a function.

Questions I've already found

I've already found the following questions on SO, but they don't appear to be all that helpful to this particular problem.

Javascript multiple prototype functions - how to call one from another

calling function from prototype function

Answer 1

Those lines

requestAnimationFrame(this.render);
requestAnimationFrame(this.update);

should be

requestAnimationFrame(this.render.bind(this));
requestAnimationFrame(this.update.bind(this));

Otherwise, in the second execution of your recursion, keyword this will refer to window object instead of Game. And window.update is obviously not a function, as the error specified.