js 实现深拷贝

如何理解深拷贝

将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新的区域存放新对象,且修改新对象不会影响原对象

与之对应的浅拷贝的理解：

创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的就是内存地址 ，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。

如何实现深拷贝

提到深拷贝这个我们很容易想到使用JSON.stringfy 和 JSON.parse 来实现深拷贝，但使用这种方式是有条件的：

• 必须满足数据是 json 格式的
• 不能包含函数（function）或者正则表达式（RegExp）在其中
• 不能包含循环引用

自己实现代码如下：

/**
 * 深拷贝
 * @param {Object} obj 要拷贝的对象
 * @param {Map} map 用于存储循环引用对象的地址
 */

function deepClone(obj = {}, map = new Map()) {
  if(obj === null) return null;
  if (typeof obj !== "object")  return obj;
  if(obj.constructor===Date) return new Date(obj); 
  if(obj.constructor === RegExp) return new RegExp(obj);
  if (map.get(obj)) {
    return map.get(obj);
  }

  let result = {};
  // 初始化返回结果
  if (
    obj instanceof Array ||
    // 加 || 的原因是为了防止 Array 的 prototype 被重写，Array.isArray 也是如此
    Object.prototype.toString(obj) === "[object Array]"
  ) {
    result = [];
  }
  // 防止循环引用
  map.set(obj, result);
  for (const key in obj) {
    // 保证 key 不是原型属性
    if (obj.hasOwnProperty(key)) {
      // 递归调用
      result[key] = deepClone(obj[key], map);
    }
  }

  // 返回结果
  return result;
}