js中浅拷贝与深拷贝的区别和实现方式

基本数据类型可以理解为抄作业,引用数据类型可以理解为一个作业本上写两个名字. 深拷贝和浅拷贝是针对引用数据类型的(个人理解)

文章摘自  https://www.jianshu.com/p/a8dc699e9534

1.赋值和浅拷贝有什么区别?

  obj1 原始数据

  obj2 赋值数据

  obj3 浅拷贝数据

接下来说下浅拷贝。

为什么改变了赋值得到的对象 obj2 和浅拷贝得到的 obj3 中的 language) 属性的第二个值和第三个值(language 是一个数组,也就是引用类型)。结果见输出,可以看出来,无论是修改赋值得到的对象 obj2 和浅拷贝得到的 obj3 都会改变原始数据。

【因为浅拷贝只复制一层对象的属性,并不包括对象里面的为引用类型的数据。所以就会出现改变浅拷贝得到的 obj3 中的引用类型时,会使原始数据得到改变。】
用一句话简单理解 :

浅拷贝就是拷贝了一层,除了对象是拷贝的引用类型,其他(一开始讲到的基本数据类型)都是直接将值传递,有自己的内存空间的

深拷贝:将 B 对象拷贝到 A 对象中,包括 B 里面的子对象,
浅拷贝:将 B 对象拷贝到 A 对象中,但不包括 B 里面的子对象

.浅拷贝

1.解构赋值

2.ES6中的Object.assign方法

Object.assign是ES6的新函数。Object.assign() 方法可以把任意多个的源对象自身的可枚举属性拷贝给目标对象,然后返回目标对象。但是 Object.assign() 进行的是浅拷贝,拷贝的是对象的属性的引用,而不是对象本身。

Object.assign(target, ...sources)
参数:

target:目标对象。
sources:任意多个源对象。
返回值:目标对象会被返回。

深拷贝

看完对浅拷贝的理解,可以知道:深拷贝就是对对象以及对象的所有子对象进行拷贝。
接下来改探讨的就是如何对对象进行深拷贝?

1、用 JSON.stringify 把对象转成字符串,再用 JSON.parse 把字符串转成新的对象(使用JSON)。

 

坏处:它会抛弃对象的constructor。也就是深拷贝之后,不管这个对象原来的构造函数是什么,在深拷贝之后都会变成Object。所以只适合 Number, String, Boolean, Array 的扁平对象

2、递归拷贝

 或者使用es6中的 Object.create()方法







猜你喜欢

转载自www.cnblogs.com/ymm-notes-blog/p/12668444.html