当前位置: 动力学知识库 > 问答 > 编程问答 >

javascript - requestAnimationFrame scope change to window

问题描述:

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.

网友答案:

Usual approach, works everywhere:

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

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

World.prototype.update = function()
{
    requestAnimationFrame(this.update.bind(this)});
}
网友答案:
Game.world.update.call(scope);

Where scope is whatever scope you want to pass in.

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

分享给朋友:
您可能感兴趣的文章:
随机阅读: