JavaScript - 对象的深浅拷贝

今天讲一下JS中对象的拷贝问题。拷贝分为两种：深拷贝与浅拷贝。

两者的区别在于：在对象中的某个属性为引用，浅拷贝只会拷贝这个属性的地址，不会将地址所对应的值也拷贝一份，被拷贝对象与拷贝对象中的这个属性的值指向的是同一个东西，一者进行修改，另一者也会被改变；深拷贝则会将值进行拷贝一份出来，被拷贝对象与拷贝对象对自己中的这个属性的值进行修改，不会影响另一者。

下面来举个例子更深入的理解一下。

首先我们做一下准备工作，创建两个对象：

现在我们来创建一个浅拷贝的方法：

接下来就将浅拷贝的方法代入到对象中进行操作：

预期结果已经确定了，接下来看一下浏览器的执行结果是否与我们的预期结果是否一致：

可以看出浏览器的执行结果与预期结果一致。

至此，我们可以得出浅拷贝方式的结论：浅拷贝不会对对象里面的引用属性的值进行拷贝。

 

现在我们来创建一个深拷贝的方法：

接下来就将深拷贝的方法代入到对象中进行操作：

预期结果已经确定了，接下来看一下浏览器的执行结果是否与我们的预期结果是否一致：

可以看出浏览器的执行结果与预期结果一致。

至此，我们可以得出浅拷贝方式的结论：深拷贝会对对象里面的引用属性的值进行拷贝。​