深拷贝和浅拷贝

一.深拷贝

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

二.浅拷贝

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

手写深拷贝
一般来说，在js中我们用JSON.parse（JSON.stringify（obj））来完成深拷贝，但是该方法不能解决属性为函数，undefined，循环引用的的情况，因此我们有时需要自己实现一个深拷贝。

1. 先写一个判断是否是对象的函数

function isObject(obj){
    return typeof obj==="object" && typeof obj!=="null"
}

2. 判断obj是数组还是对象，从而采取不同方式浅拷贝第一层

let res=Array.isArray(obj)?[...obj]:{...obj};

3.判断每个属性 ，如果是对象，不断递归调用深拷贝

Object.keys(res).forEach((key)=>{
        res[key]=isObject(res[key])?deepClone(res[key]):res[key]

完整代码

function deepClone(obj){
    function isObject(obj){
        return typeof obj==="object" && typeof obj!=="null"
    }
    if(!isObject(obj)){
        throw new Error("输入参数不是对象")
    }
    let res=Array.isArray(obj)?[...obj]:{...obj};
    Object.keys(res).forEach((key)=>{
        res[key]=isObject(res[key])?deepClone(res[key]):res[key]
    })
    return res 

 

浅拷贝

let target = {};
let sources = {a:{b:2}};
Object.assign(target,sources);
target.a === sources.a