深拷贝的方法

 1.JSON.parse()和JSON.stringify()可以实现深拷贝，但是有一定的缺陷；

let obj1 = {
  a: 'hell0',
  b: function () { console.log('嘻嘻！') },
  c: new RegExp('\\w+'),
  d: new Date(1536627600000),
};
let obj2 = JSON.parse(JSON.stringify(obj1));
console.log(obj1);
console.log(obj2);

控制台打印的数据可以看出， 利用这种方法obj1被深拷贝的obj2对象中，function会被丢失（undefined也会）、RegExp会被序列化成空对象、时间格式被序列化成字符串。另外，如果对象中含有循环引用的元素，无法实现深拷贝；如果对象的元素是构造函数，则会丢失元素的constructor；对象中的元素如果是NaN、Infinity和-Infinity，则序列化的结果会变成null。

 2.concat可以实现简单数组的深拷贝，但是对于多层的数组不可以。

 let array1=[1,2,3,4,5];
 let array2=array1.concat();
 array2[2]=88;
 console.log(array1);
 console.log(array2);

let array1=[{name:'lili',age:12},{name:'xiaoxiao',age:10}];
let array2=array1.concat();
array2[1].age=11;
array2[1].name='liangliang';
console.log(array1);
console.log(array2);

 3.Object.assign()可以实现单层对象的深拷贝，但是对于多层对象不适用；

    let obj1={name:'zhangLi',age:16,height:'160cm',weight:'43kg'}
    let obj2=Object.assign({},obj1);
    obj2.age=14;
    obj2.name='zhouzhou';
    console.log(obj1);
    console.log(obj2);

 

 

let obj1={like:{play:true,write:true}}
let obj2=Object.assign({},obj1);
obj2.like.play=false;
console.log(obj1);
console.log(obj2);

 

 4、针对上面的深拷贝方法多多少少会有不完善的地方，总结出以下方法，如有不对，欢迎指正。

 deepClone(originData) {
    const that = this;
    let result;
    if (typeof originData === 'object') {
      if (Array.isArray(originData)) {
        result = [];
        for (let i in originData) {
          result.push(that.deepClone(originData[i]));
        }
      } else if (originData === null) {
        result = originData;
      } else if (originData===RegExp) {
        result = originData;
      }else{
        result={};
        for(let i in originData){
          result[i]=that.deepClone(originData[i]);
        }
      }
    } else {
      result = originData;
    }
    return result;
  },


    let obj1={a:'hell0',b:function(){console.log('嘻嘻！')},c:{left:1,right:2}};
    let obj2=this.deepClone(obj1);
    obj2.b=99;
    console.log(obj1.b);
    console.log(obj2.b);