使用 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;
}
}