js中的深复制与浅复制

二者的区别
深复制只复制对象的值，在复制后指向不同的地址，但两个对象的值相同
浅复制复制的是对象的地址，在复制后指向同一个地址，两个对象的地址与值都相同

浅复制

    let a = {name:'abc'};
    let b = a;
    console.log(a);//{name: "abc"}
    console.log(b);//{name: "abc"}

如果改变b的name属性，会发现a的name属性也会改变

    let a = {name:'abc'};
    let b = a;
    b.name = 'bcd'
    console.log(a);//{name: "bcd"}

深复制
使用深复制，不会改变原始的值

1. 通过json对象实现深复制

    let a = {name:'a'};//对象
    let b = JSON.stringify(a);//字符串
    let c = JSON.parse(b);//对象
    c.name = 'c';//改名字
    console.log(a.name);//a
    console.log(c.name);//c

2. 通过Object.assign()，只能深复制一级属性，浅复制二级属性

    let a = {name:'a',firend:{name:'c'}};//对象
    let b = Object.assign({},a);
    b.name = 'b';
    b.firend.name = 'd';
    console.log(a);
    console.log(b);

3. for in 递归复制

    let a = {name:'a',firend:{name:'c',work:{one:'1',two:'2'}}}
    function deepClone(obj) {
        let newObj = Array.isArray(obj)?[]:{};//判断obj的数据类型是否为数组
        for (let key in obj){
            if(obj.hasOwnProperty(key)){//表示是否有自己的属性，判断对象是否包含特定的自身（非继承）属性
                if(typeof obj[key] === 'object'){
                    newObj[key] = deepClone(obj[key]);//函数自调用，递归
                }else {
                    newObj[key] = obj[key];
                }
            }
        }
        return newObj;
    }
    let b = deepClone(a);
    b.name = 'b';
    b.firend.name = 'd';
    b.firend.work.one = '3';
    console.log(a)
    console.log(b)