深拷贝循环引用

本文介绍了如何使用WeakMap在JavaScript中检测并避免循环引用,同时提供了一个深拷贝函数,确保在处理对象时能正确处理引用问题,保持内存效率。
摘要由CSDN通过智能技术生成
// 使用weakmap解决循环引用
     // 优点:
     // 1 .WeakMap来记录对象是否被克隆,主要考虑一下三点。
    //  2 .WeakMap对象是key=>value形式,不会重复记录
    //  3 .WeakMap是弱引用,如果不在使用,空间会直接释放

     function deepCopy (obj, hash= new WeakMap()) {
       // 不是对象(普通值类型/function),null,undefined,正则,Date都会直接返回
       if(obj == null || typeof obj != 'object') {
        return obj
       }
       if(obj instanceof RegExp ) {
          return new RegExp(obj)
       }
       if( obj instanceof Date) {
        return new Date(obj)

       }

       // 判断是否循环引用的(判断属性是不是存在了)
       if(hash.get(obj)) return hash.get(obj)

       let cloneObj = new obj.constructor()

      // 存obj
        hash.set(obj, cloneObj)

       for(let key in obj) {
        // in 循环会遍历原型链的,所以需要判断是否是当前对象的属性
        if(obj.hasOwnProperty(key)) {
          cloneObj[key] = deepCopy(obj[key], hash)
        }
       }

       return cloneObj
       
     }
  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 JavaScript 中,循环引用是指当一个对象中存在对自身的引用时。处理循环引用时,我们需要使用深拷贝来创建一个对象的副本,以避免出现无限递归的问题。以下是一种可以解决循环引用深拷贝方法: ```javascript function deepCopy(obj, cache = new WeakMap()) { // 如果不是对象类型,则直接返回 if (!(obj instanceof Object)) { return obj; } // 如果已经拷贝过该对象,则直接返回该拷贝对象 if (cache.has(obj)) { return cache.get(obj); } // 根据对象的类型创建一个新的空对象 let clone; if (obj instanceof Array) { clone = []; } else if (obj instanceof Date) { clone = new Date(obj.getTime()); } else if (obj instanceof RegExp) { clone = new RegExp(obj); } else { clone = {}; } // 将新创建的对象添加到缓存中 cache.set(obj, clone); // 遍历原对象的属性,并递归进行深拷贝 for (let key in obj) { if (obj.hasOwnProperty(key)) { clone[key] = deepCopy(obj[key], cache); } } return clone; } ``` 使用该方法,可以深度拷贝包含循环引用的对象,避免出现无限递归的问题。例如: ```javascript const obj = { foo: 'bar' }; obj.self = obj; const clone = deepCopy(obj); console.log(clone); // { foo: 'bar', self: [Circular] } console.log(clone === obj); // false ``` 上述代码中,我们创建了一个对象 `obj`,它包含了一个对自身的引用使用 `deepCopy` 方法对 `obj` 进行深拷贝后,得到了一个新的对象 `clone`,该对象也包含了对自身的引用。但是由于进行了深拷贝,所以不会出现无限递归的问题
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值