深拷贝和浅拷贝

深拷贝和浅拷贝

• 深拷贝：将一个对象从内存中完整的拷贝一份出来，从堆内存中开辟一个新的区域存储新对象，且修改新的对象不会影响原来的对象
• 浅拷贝：创建一个新对象，这个对象对原始对象属性值进行精准拷贝。如果属性值是基本数据类型，拷贝的就是基本类型的值。如果属性值是引用类型，拷贝的就是内存地址。所以如果其中一个对象改变了地址，就会影响到另外一个对象

var a1 = {b: {c: {}}}
var a2 = shallowClone(a1)   //浅拷贝的方法
a2.b.c === a1.b.c   //true  新旧对象还是共享同一块内存

var a3 = deepClone(a1)  //深拷贝方法
a3.b.c === a1.b.c  //false  新对象跟原对象不共享内存

借助ConardLi大佬以下的两张图片，帮助我们更好理解两者的含义：


总而言之：浅拷贝只是复制指向某个对象的指针，而不是复制对象本身，新旧对象还是共享同一块内存。但深拷贝会创造一个一模一样的对象，新拷贝跟原对象不共享内存，修改新对象不会改到原对象。