浅复制
浅复制就是,直接把一个对象(源对象)的属性复制到另一个对象(目标对象)中,当然,如果当属性中包含引用类型的,复制的也仅仅是引用地址,复制后的两个对象共享同一对象和函数。
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]";
}
}