理清JS中的深拷贝

在JavaScript中，深拷贝是指创建一个新的对象或数组，并将原始对象的所有属性和嵌套属性复制到新对象中，而不仅仅是复制引用。这样做的好处是，当修改新对象时，不会影响到原始对象。

实现深拷贝的方法有很多种，以下是常见的几种方法：

1. 递归方式： 递归是最简单的深拷贝方法。它会遍历对象的每个属性，如果属性的值是对象或数组，则递归调用深拷贝函数来复制该值。

function deepCopy(obj) {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }
  
  let newObj = Array.isArray(obj) ? [] : {};
  
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      newObj[key] = deepCopy(obj[key]);
    }
  }
  
  return newObj;
}

// 使用方法
let obj = {a: 1, b: {c: 2}};
let newObj = deepCopy(obj);

1. JSON.stringify和JSON.parse： 这种方法利用JSON.stringify将对象转为字符串，再利用JSON.parse将字符串转回对象。这样做的缺点是，只能处理JSON安全的数据类型，对于函数、正则表达式等特殊类型会丢失。

let newObj = JSON.parse(JSON.stringify(obj));

1. 使用第三方库： 除了手动实现深拷贝，也可以使用一些第三方库来处理深拷贝，例如Lodash的cloneDeep方法。

let newObj = _.cloneDeep(obj);

深拷贝在以下场景中非常有用：

• 当需要复制对象或数组，且不想影响到原始对象时；
• 当需要修改对象的副本，而不是原始对象本身时；
• 当需要对嵌套对象进行操作时。

关于深拷贝的更多信息，可以参考腾讯云提供的文档：

• 深拷贝 - 维基百科
• Lodash的cloneDeep方法文档