赋值 浅拷贝 深拷贝 的区别总结

 

1.赋值

当我们把一个对象赋值给一个新的变量时，赋的其实是该对象的在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变的存储空间的内容，因此，两个对象是联动的。

//赋值
var obj1 = {
   'name' : 'zhangsan',
   'age' :  '18',
   'language' : [1,[2,3],[4,5]],
};
var obj2 = obj1;    
//obj1.name = "lisi";
//obj1.language[1] = ["二","三"]; 
obj2.name = "lisi";
obj2.language[1] = ["二","三"];
console.log('obj1',obj1.name+"     ",obj1.age+"     ",obj1.language.toString())
console.log('obj2',obj2.name+"     ",obj2.age+"     ",obj2.language.toString())

 运行结果：

2.浅拷贝

浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。

浅拷贝是按位拷贝对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值；如果属性是内存地址（引用类型），拷贝的就是内存地址 ，因此如果其中一个对象改变了这个地址，就会影响到另一个对象。即默认拷贝构造函数只是对对象进行浅拷贝复制(逐个成员依次拷贝)，即只复制对象空间而不复制资源。

//浅拷贝	
var obj3 = {
   'name' : 'zhangsan',
   'age' :  '18',
   'language' : [1,[2,3],[4,5]],
};
var obj4 = shallowCopy(obj3);
obj4.name = "lisi";
obj4.language[1] = ["二","三"];
function shallowCopy(src) {
   var dst = {};
   for (var prop in src) {
       if (src.hasOwnProperty(prop)) {
           dst[prop] = src[prop];
       }
   }
   return dst;
}
console.log('obj3',obj3.name+"     ",     obj3.age+"     ",obj3.language.toString())
console.log('obj4',obj4.name+"     ",     obj4.age+"     ",obj4.language.toString())

运行结果：

可见，基本类型的属性值没变，引用类型的属性值变了；

3.深拷贝

//深拷贝
let arr = [1,   3,    {username: ' kobe'}];
let arr4 = JSON.parse(JSON.stringify(arr));
arr4[0] = 'duncan'; 
arr4[1]= 'duncan'; 
arr4[2].username = 'duncan'; 
console.log(arr, arr4)

运行结果： 

可见，改变复制品的属性值不会改变元数据的值；

总结：