js实现浅拷贝和深拷贝

js类型有两种,一种是基本数据类型(null,undefined,Boolen,string,number,)和引用数据类型(array,object);

这两种数据类型数据存放在另个不同的地方;基本数据类型在栈中,引用数据类型的值存在堆中,而他的值得地址会存在栈中。

当我们在直接赋值的时候赋值的是地址。

const  a = {a:'haha'}

const b = a;

当 我们修改b中的值得时候 a 中的值也会随之发生改变;

 这就是因为我们直接赋值的时候赋值的是存在栈中的地址。他们都是指向同一个堆里的数据;b变化,a也就变化;

但是有时候我们不想让a也发生变化,这时就会用到深拷贝和浅拷贝;

这里首先讲一下浅拷贝;

 这是我们发现,当arr变化并不会导致arr1变化;

接下来请睁大你的眼睛继续看下去;

 同样是一份浅拷贝,但是当arr2中的是一个对象的时候,arr2的变化也会导致arr3的变化;

浅拷贝:对对象地址的复制,不会进行递归复制,并没有开辟新的栈,也就是复制的结果是两个对象指向同一个地址。

而深拷贝是将原对象和属性一起赋值出去,复制到一份新的内存当中;二者不会有关联;

深拷贝最常用的方法:JSON.parse(JSON.stringfiy());

 这里arr1中的a对象并不会发生改变;

但是如果对象中含有function则会出现问题;

浅拷贝方法还有以下几种; Array.from(), Array.slice(),Object,assigin({},[]),

原文地址:https://www.cnblogs.com/zhanghongkun/p/11535911.html