JavaScript的深拷贝、浅拷贝

概念

浅拷贝

对于值类型，他拷贝的就是这个值，对于引用类型，他拷贝的是他的引用，如果你拷贝的引用类型改变了，也会导致结果发生改变

深拷贝

和浅拷贝相反，var a,b ；假如a里面有引用类型，我现在拷贝a到b里，某时刻a的引用类型发生改变，你再输出b，这时候b是不变的。
概念很好理解emmmm看代码

通用黑科技

利用JSON方法来实现，简单粗暴，

        var arr3=[3,4];
        var obj1={
            first:1,
            sec:2,
            third:arr3
        };
        var obj2=JSON.parse(JSON.stringify(obj1));
        console.log(obj2);
        arr3.push(5);
        console.log(obj2);

实现方法

实现浅拷贝

1. ES6里面有个assign方法 了解一下

ES6 【Object.assign(aimObj,ori1,ori2,...)】可以跟多个源对象，它会遍历源对象的所有可枚举的自有键，并把它们复制到目标对象，最后返回目标对象

1. for in循环

        var arr3=[3,4];
        var arr1=[1,2,arr3];
        var arr2=[];
        function shallowCopy(target,src){
            for(var pro in src){
                target[pro]=src[pro];
            }
            return target;
        }
        shallowCopy(arr2,arr1);
        console.log(arr2);
        arr3.push(5);
        console.log(arr2);//值改变，因为arr1里面有个引用类型arr3他push进了一个元素

实现深拷贝

深拷贝还是比较影响性能的，一般不会用，可是面试官会问阿o_O
1. for in循环，递归调用

        function deepCopy(target,src){
            for(var pro in src){
                if(typeof src[pro] == 'object'){
                    //深复制
                    target[pro]=src[pro] instanceof Array?[]:{};//注意这一步哦
                    deepCopy(target[pro],src[pro]);
                }else{
                    target[pro]=src[pro];
                }
            }
            return target;
        }
        var arr4=[4,5];
        var arr3=[3,arr4];
        var arr1=[1,2,arr3];
        var arr2=[];
        deepCopy(arr2,arr1);
        console.log(arr2);
        arr4.push(6);
        console.log(arr2);//运行一下就知道没改变！！！