深拷贝与浅拷贝

什么是深拷贝、浅拷贝？

        所谓拷贝，就是赋值。把一个变量赋给另外一个变量，就是把变量的内容进行拷贝。把一个对象的值赋给另外一个对象，就是把一个对象拷贝一份。

        浅拷贝（shallowCopy）只是增加了一个指针指向已存在的内存地址

        深拷贝（deepCopy）是增加了一个指针并且申请了一个新的内存，使这个增加的指针指向这个新的内存，

浅拷贝

    var a = [1,2,3,4];
    var b = a;
    b.push(5);
    console.log(a);//[1,2,3,4,5]
    console.log(b);//[1,2,3,4,5]

        上面代码是一个简单的浅拷贝事例，a和b都是引用类型，采用的是址传递，即a将地址传递给b，那么a和b必然指向同一个地址(引用类型的地址存放在栈内存中)，而这个地址都指向了堆内存中引用类型的值。当b改变了这个值的同时，因为a的地址也指向了这个值，故a的值也跟着变化。
        我看到一个很形象的解释，就好比是a租了一间房，将房间的地址给了b，b通过地址找到了房间，那么b对房间做的任何改变（添加了一些绿色植物）对a来说肯定同样是可见的。

深拷贝

//代码
    var obj1 = {
            name: "李白",
            age: 36,
            wife: {
                name: '小红',
                son: {
                    name: '小敏'
                }
            }
        };
        var obj2 = {};
        function copy(obj1, obj2) {
            for (var i in obj1) {
                if (obj1[i] instanceof Array) {
                    obj2[i] = [];
                    copy(obj1[i], obj2[i])
                }else if(obj1[i] instanceof Object){
                    obj2[i]={};
                    copy(obj1[i], obj2[i])
                }else{
                    obj2[i]=obj1[i]
                }
            }

        }
        copy(obj1,obj2);
        obj1.wife.name='小小';
        obj2.wife.son.name='小明';
        console.log(obj2);
        console.log(obj1);

附:结果截图

        obj1.wife.name的属性值发生改变，变为‘小小’，而obj2.wife.name的属性值并未改变；
        obj2.wife.son.name的属性值发生改变，变为‘小明’，而obj1.wife.son.name的属性值并未发生改变。

小结

        深拷贝和浅拷贝理解起来并不难，只是复制的深度够不够而已。例如，我们要将 b.obj 复制到 a中，浅拷贝仅仅只是复制引用(Reference)，拷贝后，a.obj === b.obj深拷贝是创建(clone)了一个“一模一样”的对象，并保存在a.obj中，所以 a.obj !== b.objps:对于引用类型，===运算符当左值和右值是同一个对象，也就是内存地址相同时返回true。