javascript中的克隆对象与copy的区别

javascript中的克隆对象与copy的区别

今天在项目中创建一个类似的## 标题 ##对象，可惜数据量太大，无论怎么操作，我指向的都是同一个对象，最后发现了一个问题，就是克隆与copy的区别。

  这次的项目从后台传出来的数据缺失，需要前端根据已有的数据来补充，这是我的项目中的数据：

  我想在内存中创建一个对象和键为19的一系列内容相同，然后我用了copy:

    function deepCopy(fathers, childs) {
        var childs = childs || {};
        for (key in fathers) {
            if (fathers[key] instanceof Array) {
                childs[key] = []; //当copy的属性为数组
                deepCopy(fathers[key], childs[key]);
            } else {
                childs[key] = {}; //当copy的属性为对象
                childs[key] = fathers[key];
            }
        }
        return childs;
    } 
    for (var i=0; i<noDataIndex.length; i++) {
        for (key2 in data2Obj) {  
            var tempArrs = deepCopy(data2Obj[key2]);  //克隆一个类似对象
            if (tempArrs) { 
                break;
            }
        }
        console.log(**tempArrs**)
        for(key3 in tempArrs){
            tempArrs[key3].Total = 0;
        }
        data2Obj[noDataIndex[i]] = tempArrs;
    }

  随后发现，我copy出的tempArr和原来的对象指向同一个内存。然后我用了克隆的方法，然后就可以实现他们指向不同的内存了，以下是我的克隆方法,希望大家以后遇到可以用这个，比copy好用,如果非要问个具体原因，我想只有动手才能发现区别，我的项目太复杂，只有用到constructor才能清楚判断对象的构造函数来源是谁，而上面的方法不能清楚地判断：
方法一：

    function clone2(father){  
        var child, father;  
        if (father.constructor == Object){  
            child = new father.constructor();   
        }else{  
                        //valueOf() 方法返回 Array 对象的原始值
            child = new father.constructor(father.valueOf());   
        }  
        for(var key in father){  
            if ( child[key] != father[key] ){   
                if ( typeof(father[key]) == 'object' ){   
                    child[key] = clone2(father[key]);  
                }else{  
                    child[key] = father[key];  
                }  
            }  
        }  
        child.toString = father.toString;  
        child.valueOf = father.valueOf;  
        return child;  
    }  

另外我再推荐几个常用的克隆方法：
方法二：

function clone(obj){  
    var o;  
    switch(typeof obj){  
    case 'undefined': break;  
    case 'string'   : o = obj + '';break;  
    case 'number'   : o = obj - 0;break;  
    case 'boolean'  : o = obj;break;  
    case 'object'   :  
        if(obj === null){  
            o = null;  
        }else{  
            if(obj instanceof Array){  
                o = [];  
                for(var i = 0, len = obj.length; i < len; i++){  
                    o.push(clone(obj[i]));  
                }  
            }else{  
                o = {};  
                for(var k in obj){  
                    o[k] = clone(obj[k]);  
                }  
            }  
        }  
        break;  
    default:          
        o = obj;break;  
    }  
    return o;     
} 

方法三：

function clone3(obj){  
    function Clone(){}  
    Clone.prototype = obj;  
    var o = new Clone();  
    for(var a in o){  
        if(typeof o[a] == "object") {  
            o[a] = clone3(o[a]);  
        }  
    }  
    return o;  
}