[JavaScript]浅拷贝、深拷贝，封装一个对象深拷贝的方法

一、浅拷贝和深拷贝

基本类型不会出现这个问题，只讨论引用类型

1.浅拷贝：

拷贝对象属性
问题：一个改变，互相影响

    var arr=[1,2,3];
    var brr=arr;//拷贝的是数组arr 是引用类型
    arr[0]=4;
    console.log(brr);//[4, 2, 3]
   	
   	var obj1 = {
        age: 18
    }
    var obj2=obj1;//拷贝的是对象obj1 是引用类型
    obj1.a=20;
    console.log(obj2);//{a: 20}

var obj1={
        age:18,
        arr:[1,2,3]
    }
    function copy(obj1){
        var obj2={}
        for(var i in obj1){
            obj2[i]=obj1[i];//拷贝的数字age是基本类型，数组arr是引用类型
        }
        return obj2;
    }
    var obj2 = copy(obj1);
    obj1.age=18;
    obj1.arr[0]=666;
    obj2.arr[1]=777;
    console.log(obj1,obj2);

可以看出基本类型age的改变没有影响
引用类型(这里是数组)arr的改变导致两个对象中的arr都发生了改变
这就是浅拷贝

2.深拷贝：

拷贝原对象

    var obj1 = { //原始对象
        age: 18,
        arr: [1, 2, 3]
    }

    var obj2 = {} //目标对象

    function copy(obj1, obj2) {

        for (var k in obj1) {

            if (obj1[k] instanceof Object) {
                //判断属性是否为引用类型，因为只有引用类型才要处理浅拷贝
                obj2[k] = (obj1[k].constructor == Array) ? [] : {};
                //如果obj1[k]是数组，则obj2[k]=[],否则obj2[k]={}
                copy(obj1[k], obj2[k]) //递归调用
            } else { //不是引用类型
                obj2[k] = obj1[k]; //直接赋值
            }

        }
        return obj2;

    }

    var obj2 = copy(obj1, obj2);

    obj1.arr[0] = 'zhangsan';

    console.log(obj1, obj2)

可以看到obj1中的引用类型arr改变并没有影响obj2