手动实现深拷贝

182 阅读1分钟
/**
 * 深拷贝
 * @param {*} origin 需要拷贝的数据
 * @param {*} hasMap 保存已经拷贝的内容 避免循环引用一直拷贝
 * @returns 返回拷贝后的新数据
 */
const deepClone = (origin, hasMap = new WeakMap()) => {
  /**
   * 当origin不存在或不是object类型时 直接返回
   * origin == undefined(包含null的情况)
   */
  if (origin == undefined || typeof origin !== "object") {
    return origin;
  }

  /**
   * 判断是否是Date类型
   */
  if (origin instanceof Date) {
    return new Date(origin);
  }

  /**
   * 判断是否是RegExp类型
   */
  if (origin instanceof RegExp) {
    return new RegExp(origin);
  }

  /**
   * 判断是否已经拷贝
   */
  const hasKey = hasMap.get(origin);
  if (hasKey) {
    return hasKey;
  }

  /**
   * 通过以上条件过滤后此时应为对象
   * 通过对象的constructor属性创建新的对象
   */
  let target = new origin.constructor();

  // 记录拷贝的内容
  hasMap.set(origin, target);

  /**
   * 遍历对象上的自身属性(不遍历原型上的属性)
   */
  for (let key in origin) {
    if (origin.hasOwnProperty(key)) {
      // 赋值
      target[key] = deepClone(origin[key], hasMap);
    }
  }

  return target;
};