js的深拷贝

// 深拷贝和浅拷贝的区别？如何实现？
// 深拷贝：拷贝后的结果 更改是不会影响拷贝前的  拷贝前后是没有关系的
// 浅拷贝：改变前的内容，会对拷贝之后的有影响   拷贝前和拷贝后是有关系的

// 引用关系的问题
// ...运算符  只能拷贝一层   一层运算的时候是深拷贝，多层对象的时候是浅拷贝    典型的浅拷贝
let obj={
    name:'jim',
    address:{
        x:100,
        y:100
    }
}

let o={...obj};
obj.name='hello';
obj.address.x=200;

console.log(obj===o,o);

let a=[1,2,3,4];
let arr=[a];
let newArr=arr.slice();   //[] 浅拷贝   拷贝的是引用的地址  拷贝前后是有关系的
newArr[0][0]=100;
console.log(arr);

// 深拷贝  
let obj1={
    name:'jim',
    address:{
        x:100,
        y:100
    },
    f:function(){}
}
// 直接实现深拷贝  不完整，不能实现复杂的拷贝
let o1=JSON.parse(JSON.stringify(obj1));
obj1.address.x=200;
console.log(obj1,o1);


//实现一个递归拷贝  怎么去实现一个深拷贝呢？

function deepClone(obj2,hash=new WeakMap()){
    if(obj2===null) return obj2;
    if(obj2 instanceof Date) return new Date(obj2);
    if(obj2 instanceof RegExp) return new  RegExp(obj2);

    // 可能是对象  或者普通的值  如果是函数的话   就不需要深拷贝
    if(typeof obj2!=='object') return obj2;
    // 是对象的话  就要进行深拷贝
    // []  {}  Object.prototype.toString.call(obj2)=[object Array]?[]:{}
    if(hash.get(obj2)) return hash.get(obj2);

    let cloneObj=new obj2.constructor;
    hash.set(obj2,cloneObj);
    for(let key in obj2){
        if(obj2.hasOwnProperty(key)){
            cloneObj[key]=deepClone(obj2[key],hash);
        }
    }
    return cloneObj;
}
let obj3={name:1,address:{x:100}};
obj3.o=obj3;
let d=deepClone(obj3);
obj3.address.x=200;
console.log(d);

// 如果对象复杂一点 循环引用