javascript - requestAnimationFrame scope change to window - Stack Overflow

admin管理员组

文章数量:1289910

I have a chain of objects that looks like this:

Game.world.update()

I would like to use requestAnimationFrame to determine the framerate of this function.

However when I implement it like this:

World.prototype.update = function()
{
    requestAnimationFrame(this.update);
}

The scope changes from the world object to the window object. How do I maintain the scope I want while calling requestAnimationFrame()? I know it has something to do with anonymous functions and such, but I can't get my head around it.

I have a chain of objects that looks like this:

Game.world.update()

I would like to use requestAnimationFrame to determine the framerate of this function.

However when I implement it like this:

World.prototype.update = function()
{
    requestAnimationFrame(this.update);
}

The scope changes from the world object to the window object. How do I maintain the scope I want while calling requestAnimationFrame()? I know it has something to do with anonymous functions and such, but I can't get my head around it.

• javascript
• requestanimationframe

Share Improve this question Follow asked Oct 31, 2013 at 13:10 mipmapmipmap 22111 silver badge1414 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 11

Usual approach, works everywhere:

World.prototype.update = function()
{
    var self = this;
    requestAnimationFrame(function(){self.update()});
}

Or with ES5 Function.prototype.bind (patibility):

World.prototype.update = function()
{
    requestAnimationFrame(this.update.bind(this)});
}

Another way of doing this is to use a lambda expression like so:

requestAnimationFrame((timestamp) => { loop(timestamp) });

This also maintains scope but it's a bit cleaner.

Game.world.update.call(scope);

Where scope is whatever scope you want to pass in.

https://developer.mozilla/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call#Description

本文标签： javascriptrequestAnimationFrame scope change to windowStack Overflow