js深拷贝

（一） 先来看下有点问题的写法

// JSON.parse（）与JSON.stringify（）

const clone = function (obj) {
    return JSON.parse(JSON.stringify(obj));
}

这种方法只适用于纯数据json对象的深度克隆，缺陷参考如下代码：

const clone = function (obj) {
    return JSON.parse(JSON.stringify(obj));
}
let a = {a:function(){console.log('hello world')},b:{c:1},c:[1,2,3],d:"jj",e:new Date(),f:null,g:undefined}
let b = clone(a)
console.log(b)
// 结果
b: Object { c: 1 }
c: Array(3) [ 1, 2, 3 ]
d: "jj"
e: "2021-04-09T01:22:24.379Z"
f: null

上述的方法会忽略值为function以及undefined的属性，而且对date类型的支持也不太友好。

更要紧的是，上述方法只能克隆原始对象自身的值，不能克隆它继承的值，参考如下代码：

function Person (name) {
    this.name = name
}
var old = new Person('jj')
var new = clone(old)
old.constructor === Person // true
new.constructor === Object // true

（二） 递归实现深拷贝

const deepClone = () => {
  if (typeof obj !== 'object' || obj === null) return obj;
  if(obj.constructor === Date) return new Date(obj); 
  if(obj.constructor === RegExp) return new RegExp(obj);
  // let newObj = obj instanceof Array ? [] : {};
  let newObj = new obj.constructor(); // 保持继承链

  for (let key in obj) {
    if (obj.hasOwnProperty(key)) { // 不遍历其原型链上的属性
      // newObj[key] = arguments.callee(obj[key]); // 使用arguments.callee栈溢出
      newObj[key] = deepClone(obj[key]);
    }
  }
  return newObj;
}