您的位置首页  网络科技  前端

js内存空间的补充

  对象指的是 array 、 object 以及 function ,按地址传递,传递的时候是内存中的地址。

  浅度克隆:基本类型为值传递,对象仍为引用传递。对拷贝后的数据进行修改会影响原数据的一种拷贝方式。

  深度克隆:所有元素或属性均完全克隆,并于原引用类型完全独立,即,在后面修改对象的属性的时候,原对象不会被修改。对拷贝后的数据进行修改是不会影响原数据的一种拷贝方式。

  js中的深浅拷贝一直是一个热门的话题,简单来说,拷贝就是通过一些方法产生与被拷贝数据(几乎)完全一样的数据。在js中,拷贝可以分为深拷贝(深度克隆)和浅拷贝两种。

  按照一般的理解来说通过拷贝得到的数据无论如何被修改应该也不会影响原数据呀,比如我们日常生活中使用的复制粘贴,一般情况下,我们没见过谁修改一个复制得到的word文档导致原文档也发生了修改呀!这就得从js的内存空间说起。

  js中的内存空间由常量池、栈和堆组成,其中堆用来存放引用类型的数据,像数组、对象这些都属于引用类型的数据。一个对象在内存空间中的存放形式为:将对象的名称和引用存放在栈空间,该引用指向堆空间中的该对象,数组同理。

  而我们都知道通过赋值运算等方法产生一个拷贝对象,拿到的其实还是原对象,因为我们复制的仅仅是该对象的引用,修改新的对象,原对象的内容也会发送改变,因为原对象和新对象的引用一样,所以深浅拷贝问题就诞生了。

  拷贝的数据里不能有函数,处理不了,浅拷贝,拷贝的是引用,修改拷贝以后的数据会影响原数据,深拷贝(深度克隆),拷贝时生成新数据,修改不会影响原数据

  我们可以发现,我们修改了obj变量的属性值的时候,cloneObj的属性值也跟着发生了变化。原因是他们虽然是两个变量,但是引用的变量是同一个变量。看下图分析:

  3.调用for in方法对被拷贝对象(数组)进行遍历,往新对象(数组)中添加数据,如果是基本数据类型,则直接将其添加到新数组(对象)中,否则深度克隆该数据,这样子进行递归即可。

  注意:上图深度克隆代码只供参考了解,还有很多细节没有考虑,比如数组和对象的嵌套拷贝等等,具体使用请查看Lodash中的cloneDeep()方法。

  //先把原数组转换为json字符串,变为基本数据类型,完全生成一份新数据,然后把新数据转换为js原数组,就利用了这一点,实现了深拷贝

免责声明:本站所有信息均搜集自互联网,并不代表本站观点,本站不对其真实合法性负责。如有信息侵犯了您的权益,请告知,本站将立刻处理。联系QQ:1640731186