深复制与浅复制

浅复制

浅复制就是，直接把一个对象（源对象）的属性复制到另一个对象（目标对象）中，当然，如果当属性中包含引用类型的，复制的也仅仅是引用地址，复制后的两个对象共享同一对象和函数。

var obj = {
    a:1,
    b:function(){
        console.log(this.a);
    },
    c:[10,11,12]
};
function slightCopy(targetO, sourceO){
    for(var k in sourceO){
        if(!targetO[k]){  //当目标对象中有重名的属性则不需要复制，视情况添加
            targetO[k] = sourceO[k]
        }
    }
    return targetO;
}
var o = slightCopy({}, obj);
console.log(o);

深复制

为了解决浅复制的问题，于是有了深复制，可以复制一个一模一样的对象并且不受彼此干扰。

function deepCopy(targetO, sourceO){
    targetO = targetO || {};
    for(var k in sourceO){
        if(typeof sourceO[k] == "object"){
            targetO[k] = Array.isArray(sourceO[k])? []: {};  // 判断是否为数组
            deepCopy(targetO[k], sourceO[k]);
        }else{
            targetO[k] = sourceO[k];
        }
    }
}

但是这个方法里用来Array.isArray，这个方法存在兼容问题，所以在使用的时候最好处理下兼容，这个在我之前的文章提到过处理方法：

if(typeof Array.isArray != "function") {
    Array.isArray = function(obj){
        return Object.prototype.toString.call(obj) == "[object Array]";
    }
}