使用 JSON.parse JSON.stringify 深拷贝数据之后发生断链现象

使用 JSON.parse  JSON.stringify 深拷贝数据之后发生断链现象

最近发现使用JSON.parse  JSON.stringify进行深拷贝数据之后，原型链上的方法有地丢失，俗称断链，后面大致又查资料，又请教朋友才有了解决办法，

至于为啥会发生我也不知道，可以去看下面的文章；

一句话来总结出现断链的情况：对象的prototype被重新赋值（也就是赋值表达式），就会导致原型链断链。

一段代码来表示：obj.prototype = newObj;那么obj的原型链就会断了，如果之前prototype中，有定义一些属性或者方法，这行代码之后，就不会存在之前的那些属性和方法了。（出处：http://www.zhangyunling.com/61.html）

hasOwnProperty(propertyName)：用于检查给定的属性在当前对象实例中（而不是在实例的原型中）是否存在

有两种方式使用in操作符：单独使用和在for-in循环中使用。在单独使用时，in操作符会在通过对象能够访问给定属性时返回true，无论该属性存在于实例中还是原型中

同时使用hasOwnProperty()方法和in操作符，就可以确定该属性到底是存在于对象中，还是存在于原型中

（出处：JavaScript高级程序设计（第3版）  第 6 章 面向对象的程序设计 ）

const deepClone = (target) => {
  if (typeof target === 'object' && target !== null) {
    const cloneTarget = Array.isArray(target) ? []: {};
    for (let prop in target) {
      if (target.hasOwnProperty(prop)) {
          cloneTarget[prop] = deepClone(target[prop]);
      }
    }
    return cloneTarget;
  } else {
    return target;
  }
}