封装函数对数据进行深拷贝（递归、序列化、扩展运算符）

1.递归方式实现深拷贝

function deepClone(obj) {
  // 该函数首先判断传入的对象是否为null或者不是对象类型，如果是的话，则直接返回该对象，因为null和基本类型的值是不需要进行深拷贝的
  if (obj === null || typeof obj !== 'object') {
    return obj;
  }
  // 三元运算符判断决定初始化克隆对象为 空数组 还是 空对象
  let clone = Array.isArray(obj) ? [] : {};
  // 使用for..in循环遍历原始对象的所有属性
  for (let key in obj) {
    /**
        hasOwnProperty 是 JavaScript 对象的一个方法，用于检查对象自身是否具有指定的属性。
        使用 Object.prototype.hasOwnProperty.call() 的好处是可以确保只检查对象自身的属性，而不受对象原型链上的属性的干扰。
    */
    if (Object.prototype.hasOwnProperty.call(obj, key)) {
      // 将深拷贝后的属性值赋给克隆对象 clone 的对应属性 key
      clone[key] = deepClone(obj[key]);
    }
  }
  // 最后返回深拷贝后的克隆对象
  return clone;
}

2.序列化实现深拷贝

function deepClone(obj) {
  // 该函数首先判断传入的对象是否为null或者不是对象类型，如果是的话，则直接返回该对象，因为null和基本类型的值是不需要进行深拷贝的
  if (obj === null || typeof obj !== 'object') {
    return obj;
  }
  // 由于 JSON.stringify 和 JSON.parse 方法会对对象进行序列化和反序列化，从而创建一个新的对象，并且会处理对象中的嵌套引用关系，因此达到了深拷贝的效果
  return JSON.parse(JSON.stringify(obj))
}

3.扩展运算符实现深拷贝

function deepClone(obj) {
  // 该函数首先判断传入的对象是否为null或者不是对象类型，如果是的话，则直接返回该对象，因为null和基本类型的值是不需要进行深拷贝的
  if (obj === null || typeof obj !== 'object') {
    return obj;
  }
  // 直接使用扩展运算符进行拷贝
  return Array.isArray(obj) ? [...obj] : { ...obj };
}