纯原生实现深拷贝的接口

纯原生实现深拷贝的接口

需要深拷贝的原因

在js当中非基本数据类型(引用类型)，在相互之间进行赋值的时候其实赋值的是指针，所以如果A引用类型赋值给B，是将A的指针赋给了B，所以在改变B里面内容的时候，A的内容会进行改变。在我们的需求中我们往往希望获取某个对象或数组的值，对其进行改变，而不影响原来的值。所以在这里就需要深拷贝，当然深拷贝有JQuery里面的$.extend( target [, object1 ] [, objectN ] );还有Object.assign()方法(但是该方法只能拷贝一层，如果对象里面包含对象将拷贝失败)。下面是原生的深拷贝实现方法

原生的深拷贝实现方法

var obj1={
name:“张三”，
age:20，
arr:[1,2,3],
obj3:{
},
test:undefined,
fn:function(){
console.log(“fn…”)
}
}

let obj2 = deepClone(obj1);
obj2.name = “李四”

//此时打印出来的name依然是"张三"
console.log(obj1.name)

//深拷贝方法
function deepClone(obj){
var newObj = Array.isArray(obj)?[]:{};
for(let i in obj){
//避免循环对象原型上的属性
if(obj.hasOwnProperty(i)){
if(typeof obj[i] === “object”){
if(obj[i]===null){
obj[i] = null
}elese{
newObj[i] = deepCopy(obj[i]);
}

}else{
newObj[i] = obj[i];
}
}

}
}