JavaScript：将对象存储为固定值？

Question

我在编写 JavaScript 时注意到了这种行为，但我一直无法找出原因：

下面是一些重现相关行为的代码。

var o1 = {
  num: 1
}
var o2 = o1;
o2.num = 2;
alert(o1.num);

预期结果：浏览器警告1，因为我只更改了o2对象的属性，而不是o1对象。

实际结果：浏览器警告2，因为看起来o1等于o2。

我不太确定发生了什么事。如何修复代码，使其警报 1 而不是 2（假设 o1 没有更改）？

非常感谢。

Answer 1

因为两个变量引用同一个对象。变量分配时不会克隆/复制对象。 您必须自己执行此操作。

在这种情况下，JavaScript 的行为方式与任何（大多数）其他 OO 语言相同。

Answer 2

通过编写 var o2 = o1;，您将创建 o1 和 o2 对同一对象的两个引用。您想要做的是克隆o1对象并将克隆的副本存储在o2中。在 JavaScript 中搜索克隆对象。

Answer 3

因为您将对象设置为相同的参考点。您需要克隆该对象。这是来自 http://www.thespanner 的一段代码.co.uk/2008/04/10/javascript-cloning-objects/ 允许通过原型克隆对象。

Object.prototype.clone = function() {
  return eval(uneval(this));
}
alert("test".clone());
alert((3).clone());
alert(clone.clone());