将图标与对象关联

Question

是否可以像这样将图像作为属性与Java中的对象相关联？ 到目前为止，我还无法使其正常工作。

var spy={
  name: "Spy",
  life: true,
  voting: true,
  icon: new Image();
}
icon.src = "Images/testImage";

Answer 1

当您要访问或修改对象的属性时，不能仅直接访问属性名称。 您必须像这样访问对象属性：

var spy={
  name: "Spy",
  life: true,
  voting: true,
  icon: new Image()
};
spy.icon.src = "Images/testImage";

否则，如果您有多个“间谍”对象，那么JavaScript编译器如何知道要更改的属性？

还有一个语法错误（实际上是两个）：

1. new Image()后面的分号。 您不需要，根本无法以这种方式在对象声明中放入分号。
2. 但是，您应该在右花括号后添加分号，因为它是变量声明。

Answer 2

您需要通过spy.icon.src访问src属性

var spy={
  name: "Spy",
  life: true,
  voting: true,
  icon: new Image()
};
spy.icon.src = "Images/testImage";

如果您尝试访问src属性，例如icon.src = "Images/testImage"; 你会得到一个错误

“未捕获的ReferenceError：图标未定义”

因为图标未在代码中的任何地方声明或引用。 icon是spy对象的属性。