深拷贝

深拷贝

什么是深拷贝

浅拷贝就比如像引用类型，而深拷贝就比如值类型。

浅拷贝

就是拷贝对象的引用，而不深层次的拷贝对象的值，多个对象指向堆内存中的同一对象，，任何一个修改都会是使得所有对象的值被修改，因为它们公用一条数据。

// 浅拷贝
var a = {c:1}
var b = a
console.log(b);//{c:1}
b.c = 2
console.log(b)//{c:2}
console.log(a)//{c:2}

浅拷贝是一个传址,也就是把a的值赋给b的时候同时也把a的址赋给了b，当b（a）的值改变的时候，a（b）的值同时也会改变

深拷贝

深拷贝不会拷贝引用类型的引用，拷贝的是引用类型的值，形成一个新的引用类型。
深拷贝的几种方法:
1.JSON

// JSON内置
var a={c:1}
var b=JSON.parse(JSON.stringfiy(a))
console.log(b)//{c:1}
b.c=2
console.log(b)//{c:2}
console.log(a)//{c:1}

2.Object的内置方法assign

// Object的内置方法assign
var a={c:1}
var b=Object.assign({}, a);
console.log(b)//{c:1}
b.c=2
console.log(b)//{c:2}
console.log(a)//{c:1}

3.扩展运算符

var obj1 = { a: 1, b: 5, c: 3 };
var obj2 = (...obj1)
obj2.b = 2;
console.log(obj1.b);  //5
console.log(obj2.b);  //2

4.递归

function deepClone(obj = {}) {
    if (typeof obj !== 'object' || obj == null) {
        // obj 是 null ，或者不是对象和数组，直接返回
        return obj
    }

    // 初始化返回结果
    let result
    if (obj instanceof Array) {
        result = []
    } else {
        result = {}
    }

    for (let key in obj) {
        // 保证 key 不是原型的属性
        if (obj.hasOwnProperty(key)) {
            // 递归调用！！！
            result[key] = deepClone(obj[key])
        }
    }

    // 返回结果
    return result
}