JavaScript的深度克隆

1.JavaScript的五种基本数据类型：

Number、String、Boolean、null、undefined。

2.typeof返回的六种数据类型：

Number、String、Boolean、undefined、function、object。

其中object为复式数据类型，它包含null，array，json等复式数据。

3.对象（object）引用

对象类型（复式数据类型）在内存空间中只占一个内存空间，其变量名就是对该对象所在空间的地址的引用。

 var b=a=[1,2,3];//a和b都指向同一个对象[1,2,3]
 b[3]=4;//通过b“指针”改变内存中对象[1,2,3]的值
 console.log(a);//[1,2,3,4]
 console.log(b);//[1,2,3,4]

因此要实现与原对象的完全脱离，即使对新对象修改也不会影响到原对象，必须对对象进行深度克隆。

4.深度克隆

如下一个json对象，包含各种数据类型。通过clone()函数可实现json对象的克隆，在内存中产生两个一样的数据对象。

 var json={
    "a":123,
    "b":"abc",
    "c":true,
    "d":function(){alert(1)},
    "e":null,
    "f":{
        "a1":123,
        "b1":"aabbcc"},
    "g":[1,2,"aabb"],
    "i":undefined,
    "中国":"中国"
};
 function clone(obj) {//克隆函数
    var cloneObj;
    /*判断类型*/
    if (obj.constructor === Array) {
        cloneObj = [];//数组
    } else {
        cloneObj = {};//json
    }
    /*开始克隆*/
    for(var i in obj){
       if(typeof obj[i]=="object"){//如果是复式数据类型，object包含null
           if(obj[i]===null){//进行判断
               cloneObj[i]=null;
           }else{
               cloneObj[i]=clone(obj[i]);//递归
           }
       }else{//不是复式数据类型
           cloneObj[i] =  obj[i];//直接赋值
       }
    }
    return cloneObj;//返回
}