将图标与对象关联

Question

是否可以将图像作为属性与Javascript中的Object相关联？到目前为止，我还没能让它发挥作用。

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";

否则，如果你有几个＆＃34;间谍＆＃34;对象，JavaScript编译器如何知道要更改哪个属性？

还有一个语法错误（好吧，实际上是两个）： 1）new Image()后面的分号。你不需要也不能简单地将分号放在对象声明中。 2）然而，你应该在结束大括号后添加一个分号，因为它是一个变量声明。

Answer 2

您需要src

访问spy.icon.src媒体资源

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

如果您尝试访问src属性icon.src = "Images/testImage";，则会收到错误

  

＆＃34;未捕获的ReferenceError：图标未定义＆＃34;

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