纯原生实现深拷贝的接口
需要深拷贝的原因
在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];
}
}
}
}