对象的深拷贝和浅拷贝

什么是深拷贝和浅拷贝

        浅拷贝是创建一个新对象， 这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的就是内存
地址，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。

        深拷贝是将一个对象从内存中完整的拷贝份出来， 从堆内存中开辟一 个新的区域存放新对象，且修改新对象不会影响原对象。

针对引用类型来说赋值深拷贝浅拷贝的区别

浅拷贝 赋值的区别
        当我们把一个对象赋值给一个新的变 量时，赋的其实是该对象的在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变的存储空间的内容，因此，两个对象是联动的。

const obj = {
    name: 'andy'
}
// 声明了两个常量都指向的是同一个存储空间，因此，两个对象是联动的
const a = obj
const b = obj
a.name = "xiaomin"
console.log(b.name)  // "xiaomin"

深拷贝:从堆内存中开辟一个新的区域存放新对象，对对象中的子对象进行递归拷贝,拷贝前后
的两个对象互不影响。

浅拷贝:重新在堆中创建内存，拷贝前后对象的基本数据类型互不影响，但拷贝前后对象的引用类型因共享同一块内存，会相互影响。

浅拷贝实现方法

const objCopy = {}
// 方式一
const objCopy = {...obj}
// 方式二
Object.keys(obj).forEach(item => {
    objCopy[item] = obj[item]
})
// 方式三
for(item in obj) {
    objCopy[item] = obj[item]
}
// 方式四
Object.assign(target, source);

深拷贝实现方法

function deepCopy(target) {
    const result = Array.isArray(target) ? [] : {}  // 数组兼容
    if (target instanceof RegExp) return new RegExp(obj)
    if (target instanceof Date) return new Date(obj)
    if (target === null) return null
    if (typeof target !== 'object') return target
    for (const key in target) {
        if (target.hasOwnProperty(key)) {
            result[key] = deepCopy(target[key])
        }
    }
    return result
}
const copyPerson = deepCopy(person)
console.log(copyPerson);