使用箭頭函數作爲傳遞給requestAnimationFrame的方法

Question

我有一個將傳遞給requestAnimationFrame的方法的對象。 目前我創建的對象，而不是使用箭頭函數重新分配方法，它返回。

var player={fn:function(){return()=>{game.circle(this.x,this.y,this.radius)}}, 
x:200,y:300,radius:20}; 
player.fn=player.fn(); 

這樣做可以在創建對象後不重新分配方法嗎？

Answer 1

你可以只use a static reference to player instead：

const player = { 
    fn() { 
    game.circle(player.x, player.y, player.radius); 
    }, 
    x:200, 
    y:300, 
    radius:20 
}; 
requestAnimationFrame(player.fn); 

但是，沒有，否則就沒有辦法寫，而不需要單獨分配。通常你會然而剛剛bind or use the arrow function打電話時​​：

var player = { 
    fn() { 
    game.circle(this.x, this.y, this.radius); 
    }, 
    x:200, 
    y:300, 
    radius:20 
}; 
requestAnimationFrame(() => player.fn());