将图标与对象关联

Question

是否可以像这样将图像作为属性与 Javascript 中的对象相关联？到目前为止，我还不能让它工作。

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";，你会得到一个错误

“未捕获的引用错误：图标未定义”

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