javascript - 嵌套对象的更新，奇怪的行为

Question

我有两个对象。在我的代码中的某个时刻，我希望将第一个对象的副本存储在第二个对象中。

到目前为止，一切正常。对奇怪的部分不。如果我对第一个对象进行任何更改，则相同的更改将应用​​于第二个对象(这不是本意)。我想那是因为两者之间保留了某种引用。

说明问题的示例:

//First object
var person = {
    value: 1,
    item: 2
}

//Second object
var objSum = {
    contain: person,
    info: "other stuff"
}

//Apply change to first object
person.value = 55;
//Echoing second object
console.log(objSum);
    alert("done");

日志输出:包含 => 项目:2，值:55。信息:“其他东西”

我希望它是:包含 => 项目:2，值:1。信息:“其他东西”

这可能很简单，但我无法理解它。为什么会发生这种情况，如何预防

Answer 1

在将 person-object 分配给 objSum.contain 时，您需要克隆它，否则您将分配对原始对象的引用。最简单的方法是使用 jquery :

var objSum = {
    contain: jQuery.extend({}, person);
};

或

var objSum = {
    contain: jQuery.extend(true, {}, person);
};

如果人本身也包含对象