javascript对象属性具有指向另一个属性的指针

Question

我有这段代码，将Node添加到数组，然后对其进行更改，在init函数中设置了firstNode对象。

var myClass = function() {
    this.items = []
    this.firstNodeValues = {};

    this.init = function() {
        var firstIndex = false;

        for (i = 10; i <= 15; i++) {
            Node = {};
            Node.index = i;
            Node.name = "undefined";
            if (i == 10) {
                Node.name = "John"
                this.firstNodeValues = Node;
            }
            this.items[i] = Node;
        }
    }

    this.iterate = function() {
        var newIndex = 10;
        for (i = 10; i <= 15; i++) {
            this.items[i].index = newIndex;
            if (i == 10) {
                this.items[i].name = "Michael";
            }
            newIndex++;
        }
    }
}
var test = new myClass();
test.init();
console.debug(test.firstNodeValues.name) // this gives value "John"
test.iterate();
console.debug(test.firstNodeValues.name) // this gives value "Michael"

第二次调试返回"Michael"但是为什么呢？ 看起来firstNodeValues有一个指向节点items[10]的指针。
我想，如果我设置FirstNodeValues在firstTime后来改变节点值则firstNodeValues没有变化，并保持完全一样，我第一次设置它。

Answer 1

更改数据时克隆更改的原因是：

this.firstNodeValues = Node;

在这里，您声明firstNodeValues是对Node的引用 ，而不是copy 。 因此，您在firstNodeValues中更改的所有内容，在Node更改的firstNodeValues ，反之亦然。

您需要克隆对象，如下所示：

function clone(obj){
    if(obj == null || typeof(obj) != 'object'){
        return obj;
    }

    var temp = {};

    for(var key in obj){
        if(obj.hasOwnProperty(key))){
            temp[key] = clone(obj[key]);
        }
    }
    return temp;
}

然后，您可以复制节点，如下所示：

this.firstNodeValues = clone(Node);

这将确保this.firstNodeValues不是对Node的引用，而是一个具有与Node相同的属性/值的新对象（因此，是一个克隆）。

Answer 2

您可能对jQuery.extend（）感兴趣。 所以：

this.firstNodeValues = $.extend( {}, Node );