JavaScript 对象克隆

Question

谁能解释为什么在这种情况下 obj 返回 {a:2} 而不是 {a:1}？

var obj = {a:1};
var data = {b:obj};
data.b.a = 2;

console.log(obj); // {a:2}

Answer 1

javascript 中的对象是引用，所以当你改变一个引用时，你就改变了它们。这里的意思是你刚刚创建了一个浅拷贝，你需要做一个深克隆。

可以通过 jQuery 以这种方式进行深拷贝:

// Deep copy
var newObject = jQuery.extend(true, {}, obj);

阅读我使用 jQuery 的原因: What is the most efficient way to deep clone an object in JavaScript?
<子>(我是 Stackoverflow 上的 John Resig……)