有人可以解释我这个JavaScript对象“复制”行为

Question

我有以下代码（我用的是jQquery libary）：

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

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

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

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

这将值复制到新创建的对象（{}）。

Answer 2

因为当你做obj.key = jsonobj，没有在obj.key一些新的，复制的对象;它只是对已经存在的jsonobj的引用。所以对obj.key的更改也将更改为jsonobj，因为它们实际上是同一件事。

Answer 3

这是因为有是没有复制正在进行 - 只有一个对象，它是由referenced各种变量和属性。当你做obj.key = jsonobj时，你只是将引用复制到同一个对象。

Answer 4

在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); 

Answer 5

我想解决的一小块东西是怎么回事，因为别人已经做得这么好处理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时不输出对象，而是在稍后的一段时间。