调用函数错误参数

Question

我正在尝试编写游戏，但显示播放器的功能出现问题：

function Furry() {
  this.board=document.querySelectorAll('#board div');
  this.x = 0;
  this.y = 0;
  this.direction = "right";
}

和：

showFurry=function(){
  this.x = Math.floor(Math.random() * 10);
  this.y = Math.floor(Math.random() * 10);
  this.board[ this.position(this.furry.x , this.furry.y) ].classList.add('furry');
}

在consol中，当我想调用函数时，我得到了这个：

未捕获的TypeError：无法读取未定义的属性“ x”

https://jsfiddle.net/mdx3w24c/

在此状态下，调用函数showFurry和showCoin之后，我应该收到以下消息：

Answer 1

尝试删除功能showFurry和showCoin 。 然后，在Game类中创建一个函数来执行这些操作。

Game.prototype.start = function() {
    this.board[this.position(this.coin.x, this.coin.y)].classList.add('coin');
    this.board[this.position(this.furry.x, this.furry.y)].classList.add('furry');
};

然后，当您开始游戏时，可以调用Game.start()而不是调用showFurry和showCoin ；

var game = new Game();
game.start();

同样，您的Coin构造函数将随机值设置为x＆y，但是毛茸茸的构造将它们都设置为0，然后在showFurry函数中将它们设置为随机值。 在这个小提琴中，我将其移到了构造函数中。