深拷贝与浅拷贝简单实现及原理

代码一：

let obj1={
    name:'li',
    skill:'web'
}

let o={};
for(let i in obj1){
    o[i]=obj1[i];
}
//console.log(o);
o.age=20;
console.log(o);
console.log(obj1);

输出结果：

修改o的对象，o对象改变，obj1对象没变化。由于对象obj1的值都是原始类型，运用的浅拷贝。

修改obj1对象的skill属性为对象，完整代码如下，代码二：

let obj1={
    name:'li',
    skill:{
     listen:'Yes',
     write:'Yes'
     }
}

let o={};
for(let i in obj1){
    o[i]=obj1[i];
}
o.skill.talk='No';
console.log(o.skill);
console.log(obj1.skill);

结果：

修改o对象，obj1对象同时也修改，需要深度复制。

修改代码实现层级复制，代码三：

function deepCopy(obj1,obj2) {
    var obj2 = obj2 || {};
    for(let i in obj1){
        if(typeof obj1[i]=== 'object')
        {
            obj2[i] = Array.isArray(obj1[i])?[]:{};
            deepCopy(obj1[i],obj2[i]);
        }else{
            obj2[i]=obj1[i];
        }
    }
}

let obj1={
    name:'li',
    skill:{
        listen:'Yes',
        write:'Yes'
    }
}
let obj2={};
deepCopy(obj1,obj2);
obj2.age=20;
console.log(obj1);
console.log(obj2);

运行结果：

修改obj2的对象，结果发现：obj2对象改变，obj1对象没变化。

结论：
● 深拷贝，其实就是值传递
● 深拷贝，通过实例化一个新的对象，从而在堆中开辟一块新的内存空间，使得栈中的变量名指向堆中的新内容