深拷贝deepClone的实现

1、深拷贝：拷贝后的结果更改是不会影响拷贝前的  拷贝前后是没有关系的

2、浅拷贝：改变拷贝前的内容，会对拷贝之后的有影响  拷贝前和拷贝后是有关系的

// 引用关系的问题 
// ...运算符只能拷贝一层
// ... 第一层的时候是深拷贝，第二次的时候是浅拷贝。
let obj={name:'jim',address:{x:100,y:100}};
let o={...obj};
obj.name='hello';
console.log(obj,o);

let a=[1,2,4];
let arr=[a];
let newArr=arr.slice();  // 浅拷贝
newArr[0][0]=100;
console.log(arr);

3、深拷贝  JSON.parse(JSON.stringify(obj)); 不完整 不能实现复杂的拷贝

let obj={name:'jim',address:{x:100,y:100},f:function(){}};
let o=JSON.parse(JSON.stringify(obj));
obj.address.x=200;
console.log(obj,o);

4、实现一个深拷贝 实现一个递归拷贝

function deepClone(obj,hash=new WeakMap()){
    if(obj==null) return obj;   //如果是null 或者undefined 我就不进行拷贝操作
    if(obj instanceof Date) return new Date(obj);
    if(obj instanceof RegExp) return new RegExp(obj);
    //可能是对象 或者普通的值 如果是函数的话，是不需要深拷贝的  因为函数是用来调用的，不需要再拷贝一个新的函数
    if(typeof obj!=='object') return obj;
    // 是对象的话就要进行深拷贝 [] {} Object.prototype.toString.call(obj)==[object Array]?[]:{}
    if(hash.get(obj)) return hash.get(obj);

    let cloneObj=new obj.constructor;
    hash.set(obj,cloneObj);
    for(let key in obj){
        if(obj.hasOwnProperty(key)){
            //实现一个递归拷贝
            cloneObj[key]=deepClone(obj[key],hash);
        }
    }
    return cloneObj;
}
let obj={name:1,address:{x:1000}}
let d=deepClone(obj);
obj.address.x=200;
console.log(d);
// 如果对象复杂一点 循环引用