深拷贝与浅拷贝

一.什么是深拷贝，什么是浅拷贝

浅拷贝（shallowCopy）：被复制对象的所有变量都含有与原来的对象相同的值，而所有的对其他对象的引用仍然指向原来的对象。即对象的浅拷贝会对“主”对象进行拷贝，但不会复制主对象里面的对象。”里面的对象“会在原来的对象和它的副本之间共享。

深拷贝（deepCopy）： 深拷贝不仅将原对象的各个属性逐个复制出去，而且将原对象各个属性所包含的对象也依次采用深复制的方法递归复制到新对象上,所以对一个对象的修改并不会影响另一个对象。

二.深拷贝的实现方式

1.使用JSON暴力转换

var obj = {name:'123'};
var obj2 = JSON.parse(JSON.stringify(obj))
//有局限性，当值为undefined、function、symbol会在转换过程中被忽略。

2. 使用解构赋值

var obj = {name:'123',age:13};
var obj2 = {...obj}
//只能深度拷贝对象的第一层，如果对象中的属性也是对象的话，没有办法进行深度拷贝

3. 利用循环和递归的方式

function deepClone(obj, newObj) {
    var newObj = newObj || {};
    for (let key in obj) {
        if (typeof obj[key] == 'object') {
            newObj[key] = (obj[key].constructor === Array) ? [] : {}
            deepClone(obj[key], newObj[key]);
        } else {
            newObj[key] = obj[key]
        }
    }
    return newObj;
}

三.深拷贝和浅拷贝的区别

浅拷贝的时候如果数据是基本数据类型，那么就如同直接赋值那种，会拷贝其本身，如果除了基本数据类型之外还有一层对象，那么对于浅拷贝而言就只能拷贝其引用，对象的改变会反应到拷贝对象上；但是深拷贝就会拷贝多层，即使是嵌套了对象，也会都拷贝出来。

浅拷贝是拷贝一层，深层次的对象级别的就拷贝引用；

深拷贝是拷贝多层，每一级别的数据都会拷贝出来；