第六章 深拷贝和浅拷贝

1、深拷贝和浅拷贝的概念

深拷贝和浅拷贝,深拷贝和浅拷贝最根本的区别在于是否真正获取一个对象的复制实体，而不是引用。
浅拷贝:仅仅是指向被复制的内存地址,如果原地址发生改变，那么浅复制出来的对象也会相应的改变
深拷贝:在计算机创建一个新的内存地址用于存放复制的对象

2、实际的例子

2.1 浅拷贝

let obj2 = {
    name: 'yw',
    age:100
}
obj = obj2;
obj.age = 120
console.log(obj.age);

2.2 深拷贝方法1(完全拷贝)

var obj={
    a: 2,
    name: 'zs',
    arr:[1,2,3]
}
var objStr = JSON.stringify(obj);
var obj1 = JSON.parse(objStr);
obj1.arr.push(4);
obj1.a = 10;
console.log(obj);
console.log(obj1);

2.3 深拷贝方法2(完全拷贝)

var obj = {
    name: 'wsscat',
    age: 0
}
var deepCopy = function(source) {
    var result = {};
    for(var key in source) {
        if(typeof source[key] === 'object') {
            result[key] = deepCopy(source[key])
        } else {
            result[key] = source[key]
        }
    }
    return result;
}
var obj3 = deepCopy(obj)
obj.name = 'autumns';
console.log(obj);//Object {name: "autumns", age: 0}
console.log(obj3);//Object {name: "wsscat", age: 0}

2.4 深拷贝方法3 for in 的方法只能拷贝第一层

// for in 的方法只能拷贝第一层, 引用数据类型无法拷贝
let obj = {
    name: 'yw',
    age: 18,
    arr:[1,2,3]
}
let obj2 = {}
for (let p in obj) {
    obj2[p] = obj[p];
}
obj2.age = 10;
obj2.arr.push(4);
console.log(obj);
console.log(obj2);

2.5 深拷贝方法4扩展运算符,也只能拷贝第一层

//...obj 的方法只能拷贝第一层, 引用数据类型无法拷贝
let obj = {
    name: 'yw',
    age: 18,
    arr: [1, 2, 3]
}
let obj2 = {
    ...obj
}
obj2.age = 10;
obj2.arr.push(4);
console.log(obj);
console.log(obj2);