js 深拷贝 和 浅拷贝

var Obj1 = {'name':'张三','age':28};

var Obj2 = Obj1;

 浅拷贝：直接赋值是浅拷贝方式，Obj2和Obj1在栈中虽然是两个空间，但是他们都指向堆中的同一个空间，当Obj1改变的时候，Obj2也会改变

 深拷贝方法：

方法1：基于基础JSON数据格式的转换，其他如Reg、function、Set、Map等将来出现的数据类型都是不支持的，如果对象中含有这些元素，转换时将丢失

var Obj2 = JSON.parse(JSON.stringify(Obj1));

方法2：定义自己的工具包，实现一个深拷贝，供框架使用  Object.prototype.toString.call() 没有意外情况的对象类型判断

const OBJECT_TYPE = "[object Object]";
//优化：Map会对内部数据持有强引用，导致数据无法被内存回收
//WeakMap：弱引用
//var o1 = new Map(); o1 = null; 无法被回收，操作无用
//var o2 = new WeakMap();o2 = null; 可以回收
const map = new WeakMap();
function deepClone(obj)
{
    //基于数据基本类型，不去处理
    //function不去处理，用来复用
    if(typeof obj !== 'object' || !obj)
    {
        return;
    }
    
    if(map.has(obj)) return map.get(obj);

    let params;
    
    //引用数据类型：按不同的处理方式分类
    //1、通过构造函数入参的
    if(obj instanceof Date || obj instanceof Regex)
    {
        params = obj;
    }
    let tmp = new obj.constructor(params);
    map.set(obj,tmp);
    //2、特殊API添加原色的Set、Map
    if(obj instanceof Map)
    {
        for(let [key,val] of obj)
        {
            //todo:key和val有可能是对象
            tmp.set(deepClone(key),deepClone(val));
        }
    }
    else if(obj instanceof Set)
    {
        for(let val of obj)
        {
            //todo:val有可能是对象
            tmp.add(deepClone(val));
        }
    }
    else if(Array.isArray(obj) || Object.prototype.toString.call(obj) == OBJECT_TYPE )
    {
        for(let key in obj)
        {
            tmp[key] = deepClone(obj[key]);
        }
    }
    //3、通过key + value直接操作的：对象、数组
    return tmp;
}