深度解析深拷贝和浅拷贝

作为一名前端开发工程师，在平时的工作开发中，项目中有时候肯定会遇到存储、解析后端传递过来的相关数据的，那么不可避免的肯定会用到深拷贝、以及浅拷贝的相关知识，哪怕是在面试过程中都会遇到这么一道看似简单的面试题，面试官让你深度剖析其实现方式及应用场景，手写你实现源码，接下来让我们一起了解一下实现方式吧，不足之处还请各位大佬指点一二

**我们先从深拷贝开始，何为深拷贝？**就是js中各种类型值的复制（Number、String、Boolean、undefined、object、Null、Symobl），引用类型也是直接复制（function、Array、Date），执行深复制后，原有数据或复制后的数据其中一个改变，另一个不会改变，我们也可以理解为深度（deep）复制，先了解其实现的以下几种方式

1、jquery作为前些年主流的操作dom的框架，就为我们提供过相关的实现方式；该框架中的extend方法的第一个参数传递为true，返回的执行结果就是深拷贝

http://bbs.damoxueyuan.com/?thread-845.htm

模拟了一下 jQuery 中的 extend 方法，大家可以参考一下

2、深拷贝的另一种方法，我们可以使用js中JSON系列化及反序列化的方法，（JSON.stringify把对象转成字符串，再用JSON.parse把字符串转成新的对象）。该方法也是有一些弊端的，这里解释一下，如果是复制的是（Function、regExp）会造成数据丢失，因为该方法并不支持这两种引用类型的赋值操作

3、原生js也是可以实现深拷贝的，一下为相关代码，可以帮助我们更好的理解深复制

相关注释仅代表个人观点，意在更好的理解，实现原理依靠的是递归、深度遍历赋值

接下来让我们看一下浅拷贝

1、我们都知道js中基础的数据赋值手段 = 号，我们就可以理解为浅拷贝，将其中一个变量直接指向另一个变量，改变其存储指针

2、Object.assign方法是ES6中拓展的新函数，也是浅拷贝的典型手段，Object.assign()方法可以把任意多个的源对象自身的可枚举属性拷贝给目标对象，返回合并后的目前对象，该方法拷贝的是源对象自身属性的引用，而不是对象本身。

3、ES6中…获取剩余参数的结构语法，逆运用的方式，实现的也算是浅拷贝的一种，感兴趣的同学可以试试

总的来说，浅拷贝是拷贝一层，深层次的对象级别的引用类型就拷贝引用；深拷贝则是拷贝多层，每一层级的数据都会拷贝出来，且不会因为原有数据的改变发生改变；浅拷贝也好深拷贝也好，不过都是js中一些常见的操作数据的手段而已，工作中多使用几次基本就理解其原理了