requestAnimationFrame zakres zmian do okna

Question

Mam łańcuch obiektów, które wygląda tak:

Game.world.update() 

chciałbym używać requestAnimationFrame określić framerate tej funkcji.

Jednak kiedy wdrożyć go tak:

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

The zmian zakresu od obiektu do obiektu światowego okiennej. Jak zachować zakres, który chcę, podczas wywoływania requestAnimationFrame()? Wiem, że ma to coś wspólnego z anonimowymi funkcjami i takimi, ale nie mogę tego zrozumieć. .

Answer 1

Usual podejście, pracuje wszędzie:

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

lub przy ES5 Function.prototype.bind (compatibility):

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

Answer 2

Game.world.update.call(scope); 

Jeżeli zakres jest cokolwiek zakres chcesz przekazać w

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

Answer 3

Innym sposobem na osiągnięcie tego jest użycie wyrażenia lambda tak:

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

To również utrzymuje zakres, ale to nieco czystsze.