2025年js深拷贝和浅拷贝的区别(js实现深拷贝和浅拷贝)

js深拷贝和浅拷贝的区别(js实现深拷贝和浅拷贝)svg xmlns http www w3 org 2000 svg style display none svg

大家好,我是讯享网,很高兴认识大家。



 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path> </svg> <p>JavaScript有两种数据类型&#xff0c;<strong>基础数据类型和引用数据类型</strong>。基础数据类型都是<strong>按值访问</strong>的&#xff0c;我们可以直接操作保存变量中的实际值&#xff0c;而引用类型如Array&#xff0c;我们不能直接操作对象的堆内存空间&#xff0c;<strong>引用类型的值都是按引用访问的&#xff0c;即保存在变量对象中的一个地址。</strong></p> 

讯享网

一.深拷贝和浅拷贝的区别

浅拷贝(shallow copy):只复制指向某个对象的指针,而不复制这个对象本身,新旧对象共享一块内存。

深拷贝(deep copy):复制并创建一个一模一样的对象,不共享内存,修改新对象旧对象不会变。

如何区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,拿人手短;如果B没变,那就是深拷贝,自食其力。


讯享网

1. 如果是基本数据类型,名字和值都会储存在栈内存中

讯享网

当然,这也算不上深拷贝,因为深拷贝本身只针对较为复杂的object类型数据。

注:深浅拷贝的区别只适用于array【数组】与object【对象】

2. 如果是引用数据类型,名字存在栈内存中,值存在堆内存中,但是栈内存会提供一个引用的地址指向堆内存中的值

比如浅拷贝:
在这里插入图片描述

当b=a进行拷贝时,其实复制的是a的引用地址,而并非堆里面的值。
在这里插入图片描述

而当我们a[0]=1时进行数组修改时,由于a与b指向的是同一个地址,所以自然b也受了影响,这就是所谓的浅拷贝了。
在这里插入图片描述
那,要是在堆内存中也开辟一个新的内存专门为b存放值,就像基本类型那样,岂不就达到深拷贝的效果了

在这里插入图片描述

小讯
上一篇 2025-04-18 22:17
下一篇 2025-04-17 20:26

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/208425.html