创建新对象,而不是引用

时间:2013-07-09 09:40:55

标签: javascript

这是我第一次来这里。

所以问题是,我有一个包含我所有变量的对象:

app.Variables = {
    var1: 0,
    var2: 0,
    var3: 0
}

我想将这些值存储在名为Defaults的对象中,如下所示:

app.Defaults = app.Variables

但现在的问题是,在我的代码中,app.Variables.var1例如像这样增加:

app.Variables.var1++

这意味着,app.Defaults.var1也会增加等于app.Variables.var1。

我该怎么办?

2 个答案:

答案 0 :(得分:2)

最简单的版本是使用JSON.parse/stringify,最快的是使用普通的克隆方法:

/* simplest */
var clone = JSON.parse(JSON.stringify(obj));

/* fastest */
function clone(obj) {
    if (obj == null ||typeof obj != "object") return obj;
    var copy = obj.constructor();
    for (var attr in obj) {
        if (obj.hasOwnProperty(attr)) copy[attr] = obj[attr];
    }
    return copy;
}
var clone2 = clone(obj);

答案 1 :(得分:1)

您可以编写一个深度克隆方法,它将对象的每个属性的每个值复制到一个新的。

注意我扩展了Object.prototype以避免类型检查,并且为了简单起见,如果你觉得不愉快,可以改变它

Object.defineProperty(Object.prototype, "clone", {
    enumerable : false,
    value: function(deep) {
    deep |= 0;      
    var type = typeof this;
    if (type !== "object") {
        return this.valueOf();
    }

    var clone = {};
    if (0 === deep) {
        for (var prop in this) {
            clone[prop] = this[prop];
        }
    } else {
        for (var prop in this) {
            if ( typeof this[prop] !== "undefined" && this[prop] !== null)
                clone[prop] = ( typeof this[prop] !== "object" ? this[prop] : this[prop].clone(deep - 1));
            else
                clone[prop] = "";
        }
    }
    return clone;
  }
});

Object.defineProperty(Array.prototype, "clone", {
    enumerable : false,
    value:function(deep) {
    deep |= 0;
    var clone = [];
        if (0 === deep)
            clone = this.concat();
        else
            this.forEach(function(e) {
                if ( typeof e !== "undefined" && e !== null)
                    clone.push(( typeof e !== "object" ? e : e.clone(deep - 1)));
                else
                    clone.push("");
            });
    return clone;
  }
});

示例输出和 Demo

var first = {
  var1:0,
  var2:0
  var3:0
};
var second = first.clone(Infinity);
first.var1++;
console.log (first.var1,second.var1,second); //1 , 0

要将此应用于您的代码,您只需克隆对象app.Defaults = app.Variables.clone()

第一个论点是深度。如果省略,则只克隆第一级,在这种情况下就足够了。