贪吃蛇案例

题十：贪吃蛇还原

要求：只需对所给js代码的部分函数进行还原最终实现效果即可

原理：

1. 首先获得蛇的头部定位，再根据键盘改变头部的位置。
2. 更新蛇的身体数组，删除蛇身体的最后一个元素，并生成新数组(头部作为新数组的第一个元素)

// 移动蛇的头部
nextStep() {
  // TODO：待补充代码
  //   //只需完善该函数实现功能，不允许修改别处代码
  //使用对象展开运算符，复制当前蛇的头部位置
  const head = {...this.snakeBody[0] }
  //根据方向更新头部位置
  switch (this.direction) {
      case "right":
          head.left += this.size;
          break;
      case "down":
          head.top += this.size;
          break;
      case "left":
          head.left -= this.size;
          break;
      case "up":
          head.top -= this.size;
          break;
  }
  //更新蛇的身体数组
  //蛇向前移动一步，同时删除蛇尾
  //删除蛇身体的最后一个元素，并生成新数组(头部作为新数组的第一个元素)
  this.snakeBody = [head,...this.snakeBody.slice(0, -1)];
}