javascript - 使用箭头函数作为传递给 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当调用 requestAnimationFrame 时:

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