深拷贝和浅拷贝 分别示例

在JavaScript中，深拷贝和浅拷贝是处理对象和数组等复杂数据类型时常见的概念。

浅拷贝：创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性值是基本类型，拷贝的就是基本类型的值，如果属性值是引用类型，拷贝的就是内存地址，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。

let obj1 = { a: 1, b: { c: 2 } };
let obj2 = Object.assign({}, obj1);
obj2.b.c = 3;
console.log(obj1.b.c); // 输出 3

在这个例子中，我们使用Object.assign()方法进行浅拷贝。当我们修改obj2.b.c的值时，obj1.b.c的值也跟着改变，这是因为obj1.b和obj2.b指向的是同一个对象。

深拷贝：将一个对象从内存中完整地拷贝出来一份给目标对象，并且从堆内存中开辟一个全新的空间存放新对象，且新对象的修改并不会改变原对象，二者实现真正的分离。

在这个例子中，我们使用JSON.stringify()和JSON.parse()方法进行深拷贝。当我们修改obj2.b.c的值时，obj1.b.c的值并没有改变，这是因为obj1.b和obj2.b指向的是两个不同的对象。

注意：使用JSON.stringify()和JSON.parse()进行深拷贝有一些限制，例如它不能拷贝函数，不能处理循环引用的对象等。在实际开发中，我们可能会使用lodash的_.cloneDeep()方法或者其他深拷贝库来进行深拷贝。

我们也可以使用递归的方式来实现一个深拷贝函数

function deepClone(obj) {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }

  let clone = Array.isArray(obj) ? [] : {};

  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      clone[key] = deepClone(obj[key]);
    }
  }

  return clone;
}

let obj1 = { a: 1, b: { c: 2 } };
let obj2 = deepClone(obj1);
obj2.b.c = 3;
console.log(obj1.b.c); // 输出 2

在这个例子中，deepClone函数首先检查输入是否是一个对象，如果不是对象，就直接返回输入值。然后，它创建一个新的对象或数组，然后递归地拷贝输入对象的所有属性。当我们修改obj2.b.c的值时，obj1.b.c的值并没有改变，这是因为obj1.b和obj2.b指向的是两个不同的对象。