JavaScript深度克隆（深度拷贝）一个对象

纯属理论阶段

有一个前端笔试题：使用JavaScript深度克隆一个对象。可是我发现大多数人都是空白，问他为什么不做，大部分说不懂这题目的意思。

科普一下：

js一般有两种不同数据类型的值：

基本类型（包括undefined,Null,boolean,String,Number），按值传递；

引用类型（包括数组，对象），按址传递，引用类型在值传递的时候是内存中的地址。例如：

1vara={"a":1};

2 

3varb=a;

4 

5b["b"]=2;

6 

7console.log(a);//{"a":1,"b":2};

如果你修改b的值，那么a变量的值也发生了变化。

克隆或者拷贝分为2种：浅度克隆（拷贝），深度克隆（拷贝）；

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

深度克隆：所有元素或属性均完全克隆，并于原引用类型完全独立，即，在后面修改对象的属性的时候，原对象不会被修改。

我的深度克隆代码如下：

01functioncloneObject(o) {

02       if(!o || 'object'!== typeofo) {

03           returno;

04       }

05       vartemp;

06       if(o.constructor === Array){

07           //temp=o.concat();

08           temp = [];

09           vari = o.length;

10           while(i--) {

11               temp[i] = cloneObject(o[i]);

12           }

13       }elseif(o.constructor === Object){

14           temp = {};

15           for(vark ino) {

16               if(o.hasOwnProperty(k)){

17                   temp[k] = cloneObject(o[k]);

18               }

19           }

20       }

21       returntemp;

22   }

主要使用了递归。
不过代码看上去挺变扭的，被朋友批了一顿，数组本来就是对象，可以精简代码。优化了一下，欢迎拍砖：

1functioncloneObject(obj){

2   varo = obj.constructor === Array ? [] : {};

3   for(vari inobj){

4       if(obj.hasOwnProperty(i)){

5           o[i] = typeofobj[i] === "object"? cloneObject(obj[i]) : obj[i];