详解JavaScript对象深拷贝

详解JavaScript对象深拷贝

在几乎所有编程语言中，对象都以引用形式保存给变量、复制给其他变量。JavaScript语言也是如此。因此简单的进行赋值操作进行复制仅仅是对对象数据的引用地址进行一个传递，并不会将对象内部的所有属性进行一个完整的复制。也就是说，当修改其中一个对象，另一个变量也会发生改变，因为他们本质上指向了同一个对象引用。

let obj={
    a:1
};
let copyObj=obj;
obj.a=2;
//输出2
console.log(copyObj.a);

这种语言特性有时候对开发人员来说是有益的。但有时候，特定的开发场景会要求“完全复制”对象，也就是复制后的对象和复制前的对象完全独立，互不影响。这个过程就被称为“深拷贝”。相对应的，前面那种简单的赋值复制操作就称为“浅拷贝”。
深拷贝是许多JavaScript面试官会问的问题，经常作为手写代码的题目出现在面试场景中。下面本文就将详细解析JavaScript中深拷贝的实现方式。

JSON复制

这种深拷贝方式的原理是使用JSON.parse、JSON.stringify函数，对目标对象进行一次转义之后重新生成来实现复制：

//json拷贝，不能正确复制undefined、NaN、函数等数据类型
function jsonCopy(obj1){
    //{"a":[1,2],"b":{"a":"a","b":{"a":1}},"c":true,"d":null}
    let obj2=