vue递归深拷贝

vue2低轨写法

   deepClone(obj, cache = new WeakMap()) {
      if (obj === null || typeof obj !== "object") return obj;
      if (obj instanceof Date) return new Date(obj);
      if (obj instanceof RegExp) return new RegExp(obj);

      if (cache.has(obj)) return cache.get(obj); // 如果出现循环引用，则返回缓存的对象，防止递归进入死循环
      let cloneObj = new obj.constructor(); // 使用对象所属的构造函数创建一个新对象
      cache.set(obj, cloneObj); // 缓存对象，用于循环引用的情况

      for (let key in obj) {
        if (obj.hasOwnProperty(key)) {
          cloneObj[key] = this.deepClone(obj[key], cache); // 递归拷贝
        }
      }
      return cloneObj;
    },



//使用方法
click(){
    const newObj = this.deepClone(oladObj);
    console.log(newObj == oladObj); // false
}

vue3写法

  /////////////递归深拷贝
    const deepClone = (obj, cache = new WeakMap()) => {
      if (obj === null || typeof obj !== "object") return obj;
      if (obj instanceof Date) return new Date(obj);
      if (obj instanceof RegExp) return new RegExp(obj);

      if (cache.has(obj)) return cache.get(obj); // 如果出现循环引用，则返回缓存的对象，防止递归进入死循环
      let cloneObj = new obj.constructor(); // 使用对象所属的构造函数创建一个新对象
      cache.set(obj, cloneObj); // 缓存对象，用于循环引用的情况

      for (let key in obj) {
        if (obj.hasOwnProperty(key)) {
          cloneObj[key] = deepClone(obj[key], cache); // 递归拷贝
        }
      }
      return cloneObj;
    };


//使用方法
    const objclick = () => {
      const newObj = deepClone(oladObj);
      console.log(newObj == oladObj); // false
    };


    return {

         objclick,

     }