ES6 能否使用Object.assign实现深浅拷贝

Object.assign方法是浅拷贝还是深拷贝?

1,普通变量

Js代码 

 

1. let obj={name:"zhangsan",colors:["red", "green", "blue"]};  
2. let obj2=Object.assign({},obj);  
3. obj2.name='wang';  
4. console.log(obj2);//name wang colors:["red", "green", "blue"]  
5. console.log(obj);//name zhangsan colors:["red", "green", "blue"]  

 2，引用变量

Js代码 

 

1. let obj={name:"zhangsan",colors:["red", "green", "blue"]};  
2. let obj2=Object.assign({},obj);  
3. obj2.colors[0]='orange';  
4. console.log(obj2);//name zhangsan colors:["orange", "green", "blue"]  
5. console.log(obj);//name zhangsan colors:["orange", "green", "blue"]  

 所以Object.assign对于含有引用类型值的对象无法深拷贝。

 

3，如果参数是数组

普通数组

Js代码 

 

1. let colors=['red','green','blue'];  
2. let colors2=Object.assign([],colors);  
3. colors2[0]="orange";  
4. console.log(colors2);//['orange','green','blue']  
5. console.log(colors);//['red','green','blue']  

含有引用类型的值的数组

Js代码 

 

1. let colors=['red','green','blue',['football','basketball','volleyball']];  
2. let colors2=Object.assign([],colors);  
3. colors2[3][0]="ping-pang";  
4. console.log(colors2);//['red','green','blue',['ping-pang','basketball','volleyball']]  
5. console.log(colors);//['red','green','blue',['ping-pang','basketball','volleyball']]  

  和上面一样，如果一维数组里面有引用类型的值，则无法深拷贝。