使用箭头函数作为传递给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());