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()实现深拷贝。



参考文档:object.assign()-MDN

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign


---------------------------------------------------------------------------------


以上为个人理解和总结,欢迎讨论。

你可能感兴趣的:(Object.assign()是深拷贝还是浅拷贝?)