浅谈浅拷贝深拷贝

浅拷贝

顾名思义只是做了第一层的拷贝,在这里插入图片描述
那么这个cc不会被拷贝到,所以当我们使用延展运算符浅拷贝时,在这里插入图片描述
在这里插入图片描述
结果可想而知,我们改变ee的值,但dd也会被影响,就因为只拷贝了第一层。
那么当我们修改第一层时,
在这里插入图片描述
在这里插入图片描述
结果就如图,不会影响到。
浅拷贝实现的方法,如延展运算符,还有利用Object.create(),不懂的可以去看菜鸟驿站,
如图
在这里插入图片描述
Object.create里面做了这些事在这里插入图片描述
简单版的实现,你只要记住返回来一个对象,该对象的__proto__指向的是你传入的第一个参数就行。第二个参数在这里插入图片描述
是返回dd所有的属性描述,可以自行查看官网,相当于创建一个新对象,这个新对象有着dd的所有方法,并且其__proto__指向跟dd的__proto__指向一样。所以拷贝过来了。

深拷贝,顾名思义就是不管有多少层,我一一拷贝,拷贝过来的对象不管怎么样都不会影响原来的对象。

有两种 第一种就是
JSON.parse(JSON.stringfy(obj))
这种方法也有缺点,会忽略Undefined,不能序列化函数,不能解决循环引用的对象。
第二种就是自己封装一个函数。
在这里插入图片描述
思路很简单,就是进去就判断是不是数组对象,是的话,遍历,判断儿子是不是自己本身的,因为for in 会遍历到继续的属性,接着在判断,儿子不是null并且儿子是对象或者数组,此时就继续递归了。
不是的话就好办了,直接赋值就行。
在这里插入图片描述

改变d的值,看有变化吗
在这里插入图片描述

可以看到,只影响了自己。深拷贝成功。建议多写几次函数就懂了,好记性不如烂笔头

猜你喜欢

转载自blog.csdn.net/lin_fightin/article/details/114690717