前端浅析深拷贝与浅拷贝的区别,以及纯手写实现深拷贝

浅析深浅拷贝的区别:
深浅拷贝简单来讲就是针对引用的数据类型而言,像Object 和Array;

浅拷贝: 只复制指向某个对象的指针,而不是复制对象本身,新旧对象共享一个内存,当对新旧对象中的某一个进行改变的时候(本质上改变的是内存中的数据), 另一个对象也会同时改变;

深拷贝:会在堆内存中复制一个一模一样的数据,新旧对象的变更,互不影响;

两者的本质区别,浅拷贝复制的是指针(即引用地址,指向同一份数据), 深拷贝复制的是原始数据;

浅拷贝的实现:

1.最简单的就是等号赋值;

2.对象Object.assign()

3.数组Array.prototype.concat()

深拷贝的实现:

1.序列化 (但是有巨坑)

 const obj={
    name:'zhangsan',
    age:22,
    sex:'male',
  }
  const newObj=JSON.parse(JSON.stringify(obj))

巨坑!!!!!

1).obj中有时间对象,序列化,反序列化之后,时间对象会变成字符串;

2).obj中有Regexp,,Error对象,序列化之后会得到一个空对像;

3).obj中如果有函数,undeine的,序列化之后 函数和undefined会丢失;

4).JSON.Stringify()只能序列化对象的可枚举自由属性, 如果Obj中的对象是有构造函数生成的,那么用序列化,反序列化进行深拷贝之后,会丢失对象的constructor.

2.递归实现

function deepCopy(obj) {
  //数组和对象返回的都是object
  if (typeof obj === 'object') {
    // 判断是数组还是对象.两个方法二选一
    const newObj = Array.isArray(obj) ? [] : {}
    // const newObj = (obj.constructor === Array): []: {}  
    for (let key in obj) {  //遍历obj,for in 方法既可以便利对象也可以遍历数组
      if (typeof obj[key] === 'object') {
        newObj[key]=deepCopy(obj[key])

      } else {
        newObj[key] = obj[key]
      }
    }
    return newObj
  } else {
    return
  }
}