js浅拷贝与深拷贝

let obj = {
    a: 1,
    b: 2,
    c: [1, 2, 3],
    d: {
        a: 1,
        b: 2,
        c:{
        d:1
        }
    }
}
//浅拷贝
let shallowObj = obj
console.log(shallowObj)//打印obj
/**如果改变shallowObj的属性，obj属性也会跟着更改，因为对象是引用类型，直接赋值会将shallowObj指向obj引用地址而非再开辟一个新的栈，所以改变
 * shallowObj属性引用地址属性也会变化则obj的值也会跟着变化
*/
shallowObj.a=2
console.log(obj.a)//2

//深拷贝
function deepClone(target) {
    if(target===null || typeof target !="object") return target
    let cloneObj =Array.isArray(target)?[]:{}
    for(let i in target){
      cloneObj[i] = deepclone(target[i])
    }
    return cloneObj
}
// 因为是创建了一个新的对象，所以deepObj改变不会影响obj的变化
let deepObj = deepClone(obj)
deepObj.d.c.d = 2
console.log(obj.d.c.d)//1