Javascript对象不一致

Question

考虑一个名为obj的对象，我认为它等于{x: 1, y: 'hi'}（它在前一段定义，并且在其整个生命周期中通过各种功能进行了一些修改）。

console.log(obj); 
console.log(obj.y); 
console.log(obj.x); 

的这两种铬和FF3.6结果表明的console.log(obj)作为

obj = {x: 1, y: 'hi'} 

如预期的结果。如预期的obj.y的结果打印hi，但obj.x的结果打印0。

我不明白这种不一致如何发生。它作为整体对象正确打印，但直接访问该参数后在下一行打印出不同的值。

我认为这与共享对象结构有关，因为我定义了obj并将其存储在数组arr中。然后我使用jQuery的.data()函数将obj放在DOM元素上。我稍后使用DOM元素中的.data()检索对象，并再次修改对象（具体参数为x）。当我稍后访问arr的对象时，我正在看到的古怪事情正在发生。

主要是，我只是想知道为什么的console.log显示不一致

Answer 1

当您从“数据（）”取一个对象，你不获得对象的副本 - 你对象本身。只有一个。因此，如果你这样做：

$('#foo').data('obj', { x: 1, y: "hi" }); 

然后：

var obj = $('#foo').data('obj'); 
// ... 
if (whatever) obj.x = 0; 

再后来，当您通过 “数据（）” 引用 “目标文件” 再次将 “X” 属性将为零（如果在这种情况下“if”条件成立）。

如果你想想是当然的副本，你可以通过自己复制数据来避免这种情况。