当前位置:网站首页 > Vue.js开发 > 正文

js深拷贝和浅拷贝的区别是什么(js浅拷贝和深拷贝什么时候用)



大家好,又见面了,我是你们的朋友全栈君。

那么大家晚上好,我是今天晚上的主讲老师,我是兔哥。

我们在面试中经常会被问到浅拷贝和深拷贝的区别,正好群里也有在问到这个问题,于是今天就专门写一篇博客来讲解一下哈。

浅拷贝是指,对基本类型的值拷贝,以及对象类型的地址拷贝

怎么讲,什么是基本类型?

在js中,我们知道的基本类型有字符串,数字,布尔值。

当我们写这样的代码,就是浅拷贝。

a还是1,和b没有关系。

这个道理,在对象中也一样适用。JavaScript中还有对象类型(也叫引用数据类型),对象类型的浅拷贝则只是拷贝了地址。

p2保存的是和p1一模一样的内存地址,就好像你去配了一把钥匙给张三,张三拿着钥匙一样可以去你家把冰箱里的酸奶喝了。

深拷贝是指,除了拷贝基本类型的值,还完全复刻了对象类型。

一个对象在内存中是固定存在的,我们如果要对其进行深拷贝,唯一的办法就是创建一个新的对象,里面的值完全复刻原来的对象。

还是刚才例子,我们稍加改造

这样一来,我们对p2进行改造,就不会影响到p1了。这就是深拷贝。

我们用这种方法实现深拷贝是可以的,但是如果属性太多,就会很繁琐。下面讲讲如何实现深拷贝的通用方法?

是一种可以对非嵌套对象进行深拷贝的方法,如果对象中出现嵌套情况,那么其对被嵌套对象的行为就成了普通的浅拷贝。如果没有嵌套,是可以用这个方法的。

还有一种类似的方法,就是用JSON进行转换

实际开发中,可能这种方式用的更多一些,比如把一些数据转成json存储到本地缓存,需要用到的时候,我们再反序列化。

测试:

可以看到,操作p2并不会影响到p1,这就是递归方式的深拷贝。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/187013.html原文链接:https://javaforall.cn

到此这篇js深拷贝和浅拷贝的区别是什么(js浅拷贝和深拷贝什么时候用)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • ip1921681001登录admin(admin登录用户名192.168.1.1)2025-03-16 15:45:08
  • vue安装脚手架步骤(vue脚手架使用教程)2025-03-16 15:45:08
  • Redhat9.4安装(redhat6.9安装)2025-03-16 15:45:08
  • js深拷贝数组(js深拷贝json parse)2025-03-16 15:45:08
  • vue路由守卫控制页面跳转(vue路由守卫怎么实现)2025-03-16 15:45:08
  • js浅拷贝和深拷贝原理(js浅拷贝和深拷贝原理是什么)2025-03-16 15:45:08
  • js深拷贝和浅拷贝的实现方式是什么(js浅拷贝和深拷贝原理)2025-03-16 15:45:08
  • vue2生命周期都干了什么(vue生命周期有什么用)2025-03-16 15:45:08
  • pcie 5.0 显卡(显卡pcie4.0 pcie3.0实际使用差距)2025-03-16 15:45:08
  • k8s版本(k8s版本升级1.27)2025-03-16 15:45:08
  • 全屏图片