深拷贝和浅拷贝的区别
场景:假设B复制了A。
1.浅拷贝:当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝。
2.深拷贝:拿人手短,如果B没变,那就是深拷贝,自食其力。
这里强调,深拷贝,是拷贝对象各个层级的属性。多层的对象,只拷贝一层,那还是浅拷贝。
所谓,拷贝,就是复制!
Object.assign()是深拷贝还是浅拷贝?
Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
Object.assign()拷贝的是属性值。假如源对象的属性值是一个对象的引用,那么它也只指向那个引用。也就是说,如果对象的属性值为简单类型(如string, number),通过Object.assign({},srcObj);得到的新对象为深拷贝;如果属性值为对象或其它引用类型,那对于这个对象而言其实是浅拷贝的。
如何实现深拷贝?
1.用 JSON.stringify 把对象转换成字符串,再用 JSON.parse 把字符串转换成新的对象
但是需要注意的是
可以转成 JSON 格式的对象才能使用这种方法,如果对象中包含 function 或 RegExp 这些就不能用这种方法了。
2.Object.assign()拷贝
当对象中只有一级属性,没有二级属性的时候,此方法为深拷贝,但是对象中有对象的时候,此方法,在二级属性以后就是浅拷贝。
3使用递归的方式实现深拷贝
此外,通过jQuery的extend方法实现深拷贝,lodash.cloneDeep()实现深拷贝。
原文链接:https://blog.csdn.net/qq_40052011/article/details/104442732