什么是深拷贝与浅拷贝

 

浅拷贝：

对内存地址的复制，让目标对象指针和源对象指向同一片内存空间。注意：当内存销毁的时候，只想对象的指针，必须重新定义，才能够使用

代码：

1.  
   var a = {x:1}
2.  
   var b = a
3.  
   console.log(b);//{x:1}
4.  
   b.x = 2
5.  
   console.log(b)//{x:2}
6.  
   console.log(a)//{x:2}

浅拷贝是一个传址,也就是把a的值赋给b的时候同时也把a的址赋给了b，当b（a）的值改变的时候，a（b）的值同时也会改变

深拷贝：深拷贝是指，拷贝对象的具体内容，二内存地址是自主分配的，拷贝结束之后俩个对象虽然存的值是一样的，但是内存地址不一样，俩个对象页互相不影响，互不干涉

深拷贝的几种方法：

1、JSON内置的方法

1.  
   var a={x:1}
2.  
   var b=JSON.parse(JSON.stringfiy(a))
3.  
   console.log(b)//{x:1}
4.  
   b.x=2
5.  
   console.log(b)//{x:2}
6.  
   console.log(a)//{x:1}

原理：该方法是用JSON.parse将对象转为字符串，然后在用JSON.stringify转回对象json字符串转换为对象的时候，会自己去构建新的内存地址存放数据

注：如果对象属性为function，因为JSON格式字符串不支持function，在构建的时候会自动删除

2、Object的内置方法assign

1.  
   var a={x:1}
2.  
   var b=Object.assign({}, a);
3.  
   console.log(b); //{x:1}
4.  
   b.x = 2;
5.  
   console.log(b); //{x:2}
6.  
   console.log(a); //{x:1}

原理：该方法是用Object.assign对对象进行拼接， 将后续对象的内容插入到第一个参数指定的对象，不会修改第一个参数之后的对象，而我们将第一个对象指定为一个匿名空对象，实现深拷贝

注：对象嵌套层次过深，超过2层，就会出现浅拷贝的状况，比如echarts组件的option对象

3、递归实现

1.  
    
2.  
   function clone(Obj) {首先，然后确定递归的回调，最终到达对象或者数组的末端，达到深拷贝的要求。
3.  
   var newObj;
4.  
   if (Obj instanceof Array) { //确定类型
5.  
   newObj = []; // 创建一个空的数组
6.  
   var i = Obj.length;
7.  
   while (i--) {
8.  
   newObj[i] = clone(Obj[i]); //递归回调
9.  
   }
10.  
    return newObj;
11.  
    } else if (Obj instanceof Object){ //确定类型
12.  
    newObj = {}; // 创建一个空对象
13.  
    for (var k in Obj) { // 为这个对象添加新的属性
14.  
    newObj[k] = clone(Obj[k]); //递归回调
15.  
    }
16.  
    return newObj; //结束函数完成深拷贝
17.  
    }else{
18.  
    return Obj; //结束函数完成深拷贝
19.  
    }
20.  
    }

或者 

1.  
   function extendDeepCopy(obj,newobj){
2.  
   var newobj=newobj||{};
3.  
    
4.  
   for(var i in obj){
5.  
   if(typeof obj[i]=='object'){ //确定类型
6.  
   newobj[i]=(obj[i].constructor==="Array")?[]:{};
7.  
   extendDeepCopy(obj[i],newobj[i]); //递归回调
8.  
   }else{
9.  
   newobj[i]=obj[i];
10.  
    }
11.  
    }
12.  
    return newobj;//结束函数完成深拷贝
13.