1. // 定义食物类Food
    2. class Food{
    3.   // 定义一个属性表示食物所对应的元素
    4.   element: HTMLElement;
    6.   constructor() {
    7.     // 获取页面中的food元素并将其赋值给element
    8.     this.element = document.getElementById("food")!;
    9.   }
    11.   // 定义一个获取食物x轴坐标的方法
    12.   get X() {
    13.     return this.element.offsetLeft;
    14.   }
    16.   // 定义一个获取食物y轴坐标的方法
    17.   get Y() {
    18.     return this.element.offsetTop;
    19.   }
    21.   // 修改食物的位置
    22.   change() {
    23.     // 生成一个随机的位置
    24.     // 食物位置最小是0，最大是290
    25.     // 蛇移动一次就是一格，一格的大小就是10，所以要求食物的坐标每次都是10的倍速
    26.     let top = Math.round(Math.random() * 29) * 10;
    27.     let left = Math.round(Math.random() * 29) * 10;
    28.     this.element.style.top = top + "px";
    29.     this.element.style.left = left + "px";
    31.   }
    32. }