什么是深浅拷贝？如何实现深浅拷贝

浅拷贝就是通过赋值的方式进行拷贝，那为什么说这是浅拷贝呢？就是因为赋值的方式只会把对象的表层赋值给一个新的对象，如果里面有属性值为数组或者对象的属性，那么就只会拷贝到该属性在栈空间的指针地址，新对象的这些属性数据就会跟旧对象公用一份，也就是说两个地址指向同一份数据，一个改变就会都改变。

浅拷贝

下面让我们看看浅拷贝，代码走起

let person = {
            name: "张三",
            arr: [1, 2, 3],
            obj: {
                a: 1,
                b: 2
            }
        }
        let son = { ...person }
        person.name = "李四"
        son.arr.push(4)
        console.log("person", person, "----", "son", son)

这里我们可以看到，他浅拷贝的时候只会拷贝其引用地址。

深拷贝

1.通过 json 反序列化实现深拷贝

        let person = {
            name: "张三",
            arr: [1, 2, 3],
            obj: {
                a: 1,
                b: 2
            }
        }
        let son = JSON.parse(JSON.stringify(person))
        son.arr.push(4)
        console.log("person", person, "----", "son", son)

 

可以看到没有发生引用问题，修改son的数据，并不会对person造成任何影响
但是使用JSON.stringify()以及JSON.parse()它是不可以拷贝 undefined ， function， RegExp 等等类型的

2.通过递归实现深拷贝

function deepCopy(object) {
   if (!object || typeof object !== "object") return
      let newObject = Array.isArray(object) ? [] : {}
      for (key in object) {
         if (object.hasOwnProperty(key)) {
             newObject[key] = typeof object[key] === "object" ? deepCopy(object[key]) : object[key]
         }
      }
   return newObject
}