有人可以解释一下这个 javascript 对象“复制”行为吗

Question

我有以下代码（我正在使用 jQquery 库）：

var obj = {};
var objstring = '{"one":"one","two":"two","three":"three"}'

// first console output
console.log(objstring);

var jsonobj = $.parseJSON(objstring);

// second console output
console.log(jsonobj);

obj.key = jsonobj;
obj.key.test = "why does this affect jsonobj? (even in the second console output)";

// third console output
console.log(jsonobj);

我的问题： 当我执行 obj.key = jsonobj 并更改新 obj.key 中的值时。为什么 jsonobj 中的值也会发生变化？我将如何避免这种情况？ （我想要一个 jsonobj 的新“副本”）。

我做了这个测试用例：http://jsfiddle.net/WSgVz/

Answer 1

我想解决这里发生的一小部分问题，因为其他人已经很好地解决了 JavaScript 对象引用的更大问题：

// second console output
console.log(jsonobj);

obj.key = jsonobj;
obj.key.test = "why does this affect jsonobj? (even in the second console output)";

这是documented WebKit bug 的结果，即console.log 语句不会在调用console.log 时输出对象，而是在一段时间后输出。

Answer 2

那是因为对象没有被复制。 obj.key 属性将只包含对该对象的引用，因此当您将某些内容分配给 obj.key.test 时，效果与将其分配给 jsonobj.test 相同。

您可以使用jQuery方法extend创建一个副本：

obj.key = $.extend({}, jsonobj);

这会将值复制到新创建的对象 ({})。

Answer 3

因为当您执行obj.key = jsonobj 时，obj.key 中没有新的复制对象；它只是对已经存在的jsonobj 的引用。所以对obj.key 的更改也会更改jsonobj，因为它们实际上是同一件事。

Answer 4

这是因为 没有进行复制 -- 只有一个对象，即 referenced 由各种变量和属性组成。当您执行obj.key = jsonobj 时，您只是将引用复制到同一个对象。

Answer 5

JavaScript 中的所有对象都是通过引用复制的，意思是：

var x = {};
var y = x;
x.foo = 22; // y.foo also = 22 since y and x are the same object

如果你想要obj.key != jsonobj，你需要克隆对象。通过创建一个新对象：

obj.key = $.parseJSON(objstring);

或使用jQuery克隆现有的：

obj.key = $.extend({}, jsonobj);