JavaScript：对象：如何复制一个对象？浅拷贝与深拷贝

回顾一下，我们对传参的讨论，对象的传参是引用传递，我们传递的是对象数据所在的内存地址；

那么无论我们怎么去赋值，所有变量指向的都是同一块内存；

如上图所示，无论我去使用哪个变量去操作对象的属性，改变的始终是同一块内存区域的数据；

现在，我希望可以将obj1的内存数据，完整复制一份，存放到另一个内存区域obj2，使得这两块内存，保存的数据内容完全一样，但是我改变其中一块内存的数据，都不会影响到另一块内存的数据；

想一想，我们应该怎么做，才能达到这一目的？

浅拷贝

能想到的，是遍历对象的属性（基本数据类型），然后依次赋值给另一个对象的属性，因为说到复制，就是指值传递，只有基本数据类型是值传递：

如上图所示，我们遍历了obj1的属性，并赋值给了obj2，我们修改了obj2的name1属性，但是并没有改变obj1的name1属性，证明我们成功复制了一份obj1的内存数据；

那我们每次都需要用for-in循环吗？JS有没有自带一些方法来实现浅拷贝呢？

有的：

• Object.assign()方法

  语法为Object.assign(dest, src1, src2,,,,,)

  第一个变量dest是目标对象，即将后面的对象的属性值复制给目标对象；

  后面的所有变量src即是源对象，会将所有源对象的属性值全复制给目标对象，如果有属性名同名，则会进行覆盖；

  调用该方法，结果会返回dest；

  

深拷贝

现在假设，obj1中，name1是一个对象类型，上面的拷贝方式，还行得通吗？

看上图，obj2对name1的name属性修改为了Bob，而obj1的name1的name属性，输出结果也为Bob，这意味着，obj1和obj2的name1属性指向的是同一块内存区域；

这是因为，对象是引用传递，我们在调用Object.assign()方法时，只是将obj1的name1的内存地址，复制给了obj2的name1，此时他们之间的内存关系，如下所示：

也就是说，此时obj1和obj2并不完全互相独立，他们之间还共同管理着name1这块内存；

这种不完全互相独立的拷贝，我们称之为浅拷贝；

所以，完全互相独立的拷贝，我们就称之为深拷贝；

那么，我们怎样才能实现深拷贝，使两者完全互相独立呢？

可行的方法是，对name1这个对象，再进行一次浅拷贝。

这样太麻烦了，JS有没有自带的深拷贝的方法呢？