JavaScript深拷贝

javascript是按值类传递的，引用类型也是值传递，传递的就是当前变量的值。而引用类型变量的值，就是一个内存的地址。即，把这个内存地址，值传递给参数。如果直接复制给新的变量，那么新的变量和原变量还是引用一个地址，如果修改其中一个值另一个也会改变。为了不相互干扰一般都用深拷贝类解决这个问题。这里主要总结集中深拷贝的方法。

方法一：直接使用JSON的stringgify(obj)转换为字符串，再用JSON的parse转回来复制给新的变量。

let obj={
     age:'12',
     name:'xz',
     child:{
         id:'11'
     }
 };


let obj1=JSON.stringify(obj);
let obj2=JSON.parse(obj1);
obj2.child.;
console.log('obj1----',obj);

方法二：自定义一个深拷贝方法

这里有三步，

（1）首先判断是不是对象和空，是的话直接返回，

（2）在判断是不是数组来创建对象或数组，

（3）再用递归循环对新的对象或数组赋值，赋值完成返回新的对象或数组即可。

let obj={
            age:'12',
            name:'xz',
            child:{
                id:'11'
            }
        };

        function deepCopy(obj){
            if(typeof obj!='object'||obj==null){
                return obj
            }
            let res;
            if(obj instanceof Array){                
                res=[]
            }else{
                res={}
            }
            for (const key in obj) {
//保证不是从原型上继承来的属性
                if (obj.hasOwnProperty(key)) {
                    res[key]=deepCopy(obj[key])                    
                }
            }
            return res;
        }

        let newObj=deepCopy(obj);
        newObj.child.name='xm'
        console.log('Obj---',obj);
        console.log('newObj---',newObj);