谈谈我对深拷贝和浅拷贝的理解

182 阅读2分钟

什么是浅拷贝?

浅拷贝:同值也同址。浅拷贝是指源对象与拷贝对象共用一份实体,仅仅是引用的变量不同(名称不同)。对其中任何一个对象的改动都会影响另外一个对象。

image.png image.png image.png image.png

↑由此可见浅拷贝对其中任何一个对象的改动都会影响到另一个对象

什么是深拷贝?

深拷贝:同值不同址。深拷贝是指源对象与拷贝对象互相独立,其中任何一个对象的改动都不会对另外一个对象造成影响。

image.png image.png image.png image.png

↑由此可见深拷贝其中任何一个对象的改动都不会对另外一个对象造成影响。

如何实现深拷贝?

//实现深拷贝方法

//方法一:通过JSON.stringify和JSON.parse来实现
    var obj1={name:'爱搞事的跳跳虎'}
    var obj2=JSON.parse(JSON.stringify(obj1))
    
//方法2:通过递归来实现
function deepClone(target) {
  // 定义一个变量
  let result;
  // 如果当前需要深拷贝的是一个对象的话
  if (typeof target === "object") {
    // 如果是一个数组的话
    if (Array.isArray(target)) {
      result = []; // 将result赋值为一个数组,并且执行遍历
      for (let i in target) {
        // 递归克隆数组中的每一项
        result.push(deepClone(target[i]));
      }
      // 判断如果当前的值是null的话;直接赋值为null
    } else if (target === null) {
      result = null;
      // 判断如果当前的值是一个RegExp对象的话,直接赋值
    } else if (target.constructor === RegExp) {
      result = target;
    } else {
      // 否则是普通对象,直接for in循环,递归赋值对象的所有值
      result = {};
      for (let i in target) {
        result[i] = deepClone(target[i]);
      }
    }
    // 如果不是对象的话,就是基本数据类型,那么直接赋值
  } else {
    result = target;
  }
  // 返回最终结果
  return result;
}

我个人对浅拷贝和深拷贝的理解

浅拷贝就是拷贝了源文件的快捷方式,而快捷方式仅仅是打开文件的入口路径,深拷贝则是复制粘贴源文件,将整个文件重新复制了一份,这时源文件和新文件就不会相互影响了。