企业面试题: JavaScript中如何对一个对象进行深度clone

考核内容: js中对象的深度克隆（校招中总会考到）

题发散度: ★★★★★

试题难度: ★★★★

解题思路:

谈到对象的克隆，必定要说一下对象的概念。

一，js中的数据类型分为两大类：原始类型和对象类型。

（1）原始类型包括：数值、字符串、布尔值、null、undefined（后两个是特殊的原始值，这里不做详细的说明，我的上一篇博客有谈到过一些）

（2）对象类型包括：对象即是属性的集合，当然这里又两个特殊的对象----函数（js中的一等对象）、数组（键值的有序集合）。

好了既然对象分为这两类，这两种类型在复制克隆的时候是有很大区别的。原始类型存储的是对象的实际数据，而对象类型存储的是对象的引用地址（对象的实际内容单独存放，为了减少数据开销通常存放在内存中）。ps：说到这里，大家要知道，对象的原型也是引用对象，它把原型的方法和属性放在内存当中，通过原型链的方式来指向这个内存地址。

二、克隆的概念

浅度克隆：原始类型为值传递，对象类型仍为引用传递。

从上面的代码大家可以看出，原始类型即使我们采用普通的克隆方式仍能得到正确的结果，原因就是原始类型存储的是对象的实际数据。

我们直接通过普通赋值的方式，就实现了函数的克隆，并且不会影响之前的对象。原因就是函数的克隆会在内存单独开辟一块空间，互不影响。

但是对于对象的类型则不然

通过上面的代码，大家能看到，经过对象克隆以后，我修改arr2，发现原对象arr也被修改了。这说明对象的克隆不够彻底，那也就是说深度克隆失败，才出现下面所说的内容。

深度克隆：所有元素或属性均完全复制，与原对象完全脱离，也就是说所有对于新对象的修改都不会反映到原对象中。

为了保证对象的所有属性都被复制到，我们必须知道如果for循环以后，得到的元素仍是Object或者Array，那么需要再次循环，直到元素是原始类型或者函数为止。为了得到元素的类型，我们定义一个通用函数，用来返回传入对象的类型。

参考代码：

调用测试：（如下）

从上面的代码可以看到，深度克隆的对象可以完全脱离原对象，我们对新对象的任何修改都不会反映到原对象中，这样深度克隆就实现了。