cloneDeep

  • 处理对象的循环引用
  • 处理 DOM节点
  • 处理 构造函数
  1. export function cloneDeep(value, hash = new WeakMap()) {
  2.   // 如果是空值，或简单类型，就直接返回
  3.   if(!value || typeof value !== 'object') return value;
  5.   // 如果 hash表里有这个对象，就返回这个对象，不要循环引用
  6.   if(hash.get(value)) return hash.get(value);
  8.   // 是不是构造函数 new String(10), new RegExp(/\s+/)
  9.   const typesArray = [Number, String, Boolean, Date, RegExp];
  10.   const instance = typesArray.find(type => value instanceof type);
  11.   if(instance) {
  12.     return new instance(value);
  13.   }
  15.   // 是不是 DOM节点
  16.   if(value.nodeType && typeof value.cloneNode === 'function') {
  17.     return value.cloneNode(true); // 深拷贝
  18.   }
  20.   const temp = new value.constructor();
  21.   hash.set(value, temp);
  23.   for(const key in object) {
  24.     if(value.hasOwnProperty(key)) {
  25.       temp[key] = cloneDeep(value[key], hash);
  26.     }
  27.   }
  28.   return temp;
  29. }

JSON.parse

只能处理简单的数据类型

  • array, object,
  • string, boolean, number,

缺点：

  • 不能处理循环引用
  • 不能拷贝函数，
  • 不能拷贝构造函数