深拷贝如何解决循环引用的情况

最新推荐文章于 2024-10-05 17:08:18 发布

天猫精灵998

最新推荐文章于 2024-10-05 17:08:18 发布

阅读量917

点赞数

分类专栏： Javascript 前端面经

本文链接：https://blog.csdn.net/weixin_43487782/article/details/119222865

版权

在看 Vuex 源码的时候看到里面有个 deepCopy 的实现，里面解决了循环引用的问题。本人对源码进行了优化，一起看一下是怎么实现的：

function deepCopy (obj, cache=[]) {
   
  // 结束递归
  if (obj === null || typeof obj !== 'object'

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

天猫精灵998

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

JavaScript深浅拷贝之如何解决循环引用的问题

青轩桃李能几何，流光欺人忽蹉跎

08-23

675

JavaScript 中的深拷贝和浅拷贝是用来复制对象和数组的两种不同方式。浅拷贝（Shallow Copy）是指创建一个新对象或数组，新对象/数组只复制了原对象/数组的引用值，而不复制其内部的子对象/数组。换句话说，浅拷贝只复制了对象/数组的第一层，而不会递归地复制嵌套的对象/数组。深拷贝（Deep Copy）是指创建一个新对象或数组，新对象/数组复制了原对象/数组的所有值，包括其内部的子对象/数组，递归地复制了所有嵌套的对象/数组。

JS 深拷贝和深拷贝如何解决循环引用问题

weixin_44384273的博客

07-19

1113

深拷贝 循环饮用 weekmap map new set()

1 条评论您还未登录，请先登录后发表或查看评论

如何解决深拷贝循环引用的问题

最新发布

hexadecimal_001的博客

10-05

463

深拷贝循环引用的问题是JavaScript中一个常见且需要仔细处理的问题。循环引用指的是对象之间存在相互引用的关系，形成一个闭环，这样在深拷贝过程中可能会导致递归无限循环，占用大量内存，并最终导致堆栈溢出。

javascript深拷贝、浅拷贝和循环引用深入理解

10-18

本文给大家详细讲述了javascript深拷贝、浅拷贝和循环引用的相关知识点，对此有兴趣需求的朋友学习下。

js深拷贝，解决循环引用

weixin_45295262的博客

11-10

2856

浅拷贝和深拷贝都是对于JS中的引用类型而言的，浅拷贝就只是复制对象的引用，如果拷贝后的对象发生变化，原对象也会发生变化。只有深拷贝才是真正地对对象的拷贝。浅拷贝浅拷贝的意思就是只复制引用，而未复制真正的值。 const originArray = [1,2,3,4,5]; const originObj = {a:'a',b:'b',c:[1,2,3],d:{dd:'dd'}}; const cloneArray = originArray; const cloneObj = originObj;

深拷贝遇到循环引用怎么处理

Tommonkey1024的博客

03-17

761

深拷贝解决循环引用

js中的深浅拷贝-解决循环引用

badbaby52906的博客

01-25

828

个人总结js中深浅拷贝,深拷贝递归解决循环引用的问题。

原生js实现对象的深拷贝及循环引用

qq_42535651的博客

02-18

2802

我们使用Object.assign(target,…sources)时，其实只是浅拷贝。只能复制第一层属性，而如果第一层属性中有对象的话，其实只是对对象的引用而已。我们修改target里的对象属性时，source对象中对应的对象属性也会改变 let source = { age: 'nice', obj: { name: 'nice' ...

js代码-手写代码练习---深拷贝 支持Data, Regexp,Function, 爆栈问题 , 循环引用问题

07-15

这个函数可以有效地处理包含Date、RegExp、Function等复杂类型的对象，并能解决循环引用和爆栈问题。在实际项目中，可以根据具体需求进行优化和扩展，如处理更复杂的类型或提供自定义的拷贝策略。

深拷贝解决循环引用问题

qq_35629054的博客

08-04

505

var obj = { a: 1, b: null } obj.b = obj function deep(obj, m = new Map()) { let clone; let Con = obj.constructor; if (Con) { switch(Con) { case RegExp: clone = new Con() break case Date: clone = new Con()

深拷贝的循环引用

cameraNB的博客

01-17

1891

要解决这个问题之前，首先要知道什么是深拷贝。所谓深拷贝就是指拷贝一个引用数据类型的数据并且改变引用地址，使拷贝得来的数据与源数据不搭噶，不互相影响。刚开始学习的时候知道就是写一个函数去遍历要拷贝的数据，通过判断当前节点是否为引用数据类型来决定继续遍历（调用自己）还是结束函数。没有思考过如果最后一个节点仍为引用数据类型，那么就会出现死循环的情况（爆栈）。于是进行一番思考加结合网络答案，以下为思考总结。去百度找答案的前提是自己弄清了问题，知道了必须解决这个问题，我的想法是遍历的时候塞一个不一样的值，因为

js实现深拷贝(考虑循环引用)

Billow_lamb的博客

05-13

673

第一种 let obj = { name:"111", age:20, info:{ hobby:['aa','bb',{ a:1 }], career:{ teacher :111 }, style:{ color:'red', } } } function deepClone(origin,target){ let tag = targe

what is 深拷贝

wgod

04-03

307

上篇文章详细介绍了浅拷贝 Object.assign，并对其进行了模拟实现，在实现的过程中，介绍了很多基础知识。今天这篇文章我们来看看一道必会面试题，即如何实现一个深拷贝。第一步：简单实现其实深拷贝可以拆分成 2 步，浅拷贝 + 递归，浅拷贝时判断属性值是否是对象，如果是对象就进行递归操作，两个一结合就实现了深拷贝。根据上篇文章内容，我们可以写出简单浅拷贝代码如下。 // 木易杨 funct...

js中的拷贝问题以及深拷贝中因为循环引用造成的死循环问题

weixin_33692284的博客

05-17

974

拷贝分为深拷贝和浅拷贝，通俗来讲就是B复制了A的内容，当A进行了修改以后，看B是否变化，如果变化了就是浅拷贝，如果没有变化就是深拷贝。浅拷贝：　　var a = { key1:"111" } function copy(p){ // console.log(p) var c = {}; for(v...

猿创征文｜【vue3学习】vue3中实现深拷贝

m0_61486963的博客

09-02

8223

Vue3 中实现响应式数据深拷贝（针对ref 和 reactive）

手写JS深拷贝-考虑各种数据类型和循环引用

m0_38066007的博客

05-26

287

使用 `JSON.stringify` 和 `JSON.parse` - 无法转换函数 - 无法转换 `Map` `Set` - 无法转换循环引用 PS：其实普通对象使用 JSON API 的运算速度很快，但功能不全使用 `Object.assign` 这根本就不是深拷贝，是浅拷贝只考虑了简单的数组、对象 /** * 深拷贝 - 只考虑了简单的数组、对象 * @param obj obj */ function cloneDeep(obj: any) { if (

js解决循环引用的深拷贝

09-13

以下是一种可以解决循环引用的深拷贝方法： ```javascript function deepCopy(obj, cache = new WeakMap()) { // 如果不是对象类型，则直接返回 if (!(obj instanceof Object)) { return obj; } // 如果已经...