JavaScript深拷贝

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

方法一：直接使用JSON的stringgify(obj)转换为字符串，再用JSON的parse转回来复制给新的变量。当拷贝的数据为undefined,function(){},...拷贝时会为空

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


const obj1=JSON.stringify(obj);
const obj2=JSON.parse(obj1);
obj2.child.id="112";
console.log('obj1----',obj);

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

这里有三步，

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

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

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

const obj = {
    name: 'xx',
    age: "12",
    child: {
        username: "旧对象"
    }
};

function deepCopy(obj) {
    if (typeof (obj) == 'object' && obj !== null) {
        const res = obj instanceof Array ? [] : {}
        for (const item in obj) {
            //保证不是从原型上继承来的属性，是对象自身的属性
            if (obj.hasOwnProperty(item)) {
                res[item] = deepCopy(obj[item])
            }
        }
        return res;
    } else {
        return obj
    }
}

const newObj = deepCopy(obj);
newObj.child.username = '新对象'
console.log('obj---', obj.child.username)
console.log('newObj---', newObj.child.username)