JavaScript、JQuery深拷贝、浅拷贝

没有拷贝的情况

var obj = {
    a:10
};
var obj2 = obj;
obj2.a = 20;
alert(obj.a); ==> 20  //赋值操作会直接修改obj.a的值

JavaScript的深拷贝和浅拷贝

一、 JavaScript的浅拷贝
浅拷贝只会将对象的各个属性进行依次复制，并不会进行递归复制，而 JavaScript 存储对象都是存地址的，所以浅复制会导致 obj.arr 和 shallowObj.arr 指向同一块内存地址

var obj = {
    a:10
}
function copy(obj){
    var newObj = {};
    for(var attr in obj){
        newObj[attr] = obj[attr];
    }
    return newObj;
}
var obj2 = copy(obj);
obj2.a = 20;
alert(obj.a);   ==> 10

二、JavaScript的浅拷贝存在的问题

var obj = {
    a:{
        b:10
    }
}
function copy(obj){
    var newObj = {};
    for(var attr in obj){
        newObj[attr] = obj[attr];
    }
    return newObj;
}
var obj2 = copy(obj);
obj2.a.b = 20;
alert(obj.a.b); ==>20

JavaScript的深拷贝

一、深拷贝需要考虑递归的概念
深拷贝不仅将原对象的各个属性逐个复制出去，而且将原对象各个属性所包含的对象也依次采用深复制的方法递归复制到新对象上。这就不会存在上面 obj 和 shallowObj 的 arr 属性指向同一个对象的问题。

// 递归函数（阶乘）
function digui(n){
    if(n==1){
        return 1;
    }
    return n*digui(n-1);
}

alert(digui(5));

二、深拷贝

var obj = {
    a:{
        b:10
    }
}
function deepCopy(obj){
    if(typeof obj != 'object'){
        return obj;
    }
    var newObj = {};
    for(var attr in obj){
        newObj[attr] = deepCopy(obj[attr]);
    }
    return newObj;
}
var obj2 = deepCopy(obj);
obj2.a.b = 20;
alert(obj.a.b); ==>10

JQuery的深拷贝和浅拷贝

$.extend在JQ中的深拷贝 和 浅拷贝
var a = {};
var b = { name : { age : 30 } };

浅拷贝
$.extend( a , b );

加入参数true后就是深拷贝
$.extend( true , a , b );