js深拷贝

深拷贝是开辟一个新的内存空间，将原对象的各个属性复制进去。

方法一、先序列化在反序列化——JSON.parse ( JSON.stringify ( obj ) )
序列化的作用就是 存储 和 传输。

弊端或注意点：

1、如果拷贝的是时间对象，得到的最终结果是字符串形式而不是时间对象。
2、如果拷贝的是RegExp、Error对象，序列化的结果只得到空对象。
3、如果拷贝的里面有函数或者undefiend，则序列化的结果会把函数或者undefined丢失。
4、如果拷贝对象中有NaN、infinnity、-infinity，则序列化结果变为null。
5、JSON.stringify(obj)只能序列化对象的可枚举的自有属性，如果obj中的对象是由构造函数生成的，则深拷贝后会丢弃对象的constructor。
6、对象中存在循环引用也无法正确的实现深拷贝。

如果不涉及到以上问题使用方法一，涉及到以上问题使用下面的方法二。
方法二、函数实现

function deepClone(){
    const type = this.judgeType(data);
    let obj = null;
    if(type == 'array'){
        obj=[];
        for(let i=0;i<data.length;i++){
            obj.push(this.deepClone(data[i]));
        }
    }else if(type == 'object'){
        obj={};
        for(let key in data){
            if(data.hasOwnProperty(key)){
                obj[key]=this.deepClone(data[key]);
            }
        }
    }else{
        return data;
    }
    return obj;
}
function judgeType(obj){
    //tostring返回对应不同的标签的构造函数
    const toString = Object.prototype.toString;
    const map={
        '[object Boolean]': 'boolean',
        '[object Number]': 'number',
        '[object String]': 'string',
        '[object Function]': 'function',
        '[object Array]': 'array',
        '[object Date]': 'date',
        '[object RegExp]': 'regExp',
        '[object Undefined]': 'undefined',
        '[object Null]': 'null',
        '[object Object]': 'object',
    };
    if(obj instanceof Element){
        return 'element';
    }
    return map[toString.call(obj)];
}

---

//测试用例👇

const test={
    name:'a',
    data:[1,2,3]
};
console.log(deepClone(test))
test.data[0]=6;
console.log(test);

学习自：https://blog.csdn.net/u013565133/article/details/102819929