javascript - 使用 Javascript 中的对象存储 DOM 元素

Question

我正在制作一款游戏，我想在将敌人加载到游戏中之前将其存储为对象。

var that = this;
this.enemies = {
    that.redCar : document.getElementById('red'),   
    that.sportsCar : document.getElementById('sport')
}

但这给了我一个语法错误。我认为对象中的 that.redCar : document.getElementById('red') 等于对象之外的 that.redCar = document.getElementById('red') 。

我哪里出错了？

Answer 1

当您说 this.enemies = { ... } 时，您正在声明 this 内部的对象文字，即:

this
  enemies
    redCar: ...
    sportsCar: ...

说 that.redCar = ... 是没有意义的，因为你已经陷入了敌人之中。如果你想像这样访问它

this.enemies.redCar

那么你可以这样做:

this.enemies = {
    redCar : document.getElementById('red'),   
    sportsCar : document.getElementById('sport')
}

如果你想像这样访问它

this.redCar

那就根本不要使用敌人，就这样做

this.redCar = document.getElementById('red'),   
this.sportsCar = document.getElementById('sport')