JavaScript深拷贝与浅拷贝

1：js中赋值都为引用传递,在把一个对像赋值给一个变量时,那么这个变量所指向仍是原来对像的地址.引用就是浅拷贝。
2：深拷贝就是不紧复制对象的基本类,同时也复制原对象中的对象.就是说完全是新对象产生，新对象所指向不是原来对像地址。

1：浅拷贝
var code = {a:1,b:2}
var p = code;
console.info(p.a) // 1
code.a = 100;
console.info(p.a) // 100
console.info(code.a) // 100

2：深拷贝

function clone(myObj){
    //传入参数必须对对象才能实现clone出新对象
    if(typeof(myObj) != 'object' || myObj == null) return myObj;
    var newObj = new Object();
    for(var i in myObj){
      newObj[i] = clone(myObj[i]);//对于对象中含有对象情况使用递归调用。
    }
    return myNewObj;
}

dojo拷贝函数：

function(o) {
    if (!o) {
        return o;
    }
    if (dojo.isArray(o)) {
        var r = [];
        for (var i = 0; i < o.length; ++i) {
            r.push(dojo.clone(o[i]));
        }
        return r;
    }
    if (!dojo.isObject(o)) {
        return o;
    }
    if (o.nodeType && o.cloneNode) {
        return o.cloneNode(true);
    }
    if (o instanceof Date) {
        return new Date(o.getTime());
    }
    r = new(o.constructor);
    for (i in o) {
        if (! (i in r) || r[i] != o[i]) {
            r[i] = dojo.clone(o[i]);
        }
    }
    return r;
}

var code = {a:1,b:2};
var obj = clone(code);
code.a = 100;
console.info(obj.a) // 1

评论

1 楼 mbn 2010-10-05  

好像我平时在前端的开发中从来没有用到过深拷贝，你那里有哪些实际应用场景吗？