requestAnimationFrame範圍變更到窗口

Question

我有對象鏈，看起來像這樣：

Game.world.update() 

我想用requestAnimationFrame以確定此功能的幀率。

然而，當我實現它是這樣的：

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

從世界對象window對象的範圍變化。 如何在調用requestAnimationFrame（）時維護我想要的範圍？我知道它與匿名函數等有關，但我無法理解它。 。

Answer 1

慣用的手法，作品無處不在：

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

或者與ES5 Function.prototype.bind（compatibility）：

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

Answer 2

Game.world.update.call(scope); 

哪裏範圍是您希望通過什麼範圍

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

Answer 3

這樣做的另一種方式是使用lambda表達式如下所示：

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

這也維護範圍，但它是一個有點清潔。