深拷贝和浅拷贝
- 深拷贝:将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新的区域存储新对象,且修改新的对象不会影响原来的对象
- 浅拷贝:创建一个新对象,这个对象对原始对象属性值进行精准拷贝。如果属性值是基本数据类型,拷贝的就是基本类型的值。如果属性值是引用类型,拷贝的就是内存地址。所以如果其中一个对象改变了地址,就会影响到另外一个对象
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大佬以下的两张图片,帮助我们更好理解两者的含义:
总而言之:浅拷贝只是复制指向某个对象的指针,而不是复制对象本身,新旧对象还是共享同一块内存。但深拷贝会创造一个一模一样的对象,新拷贝跟原对象不共享内存,修改新对象不会改到原对象。