JavaScript 中浅拷贝与深拷贝的差异及实现

在 JavaScript 编程中，浅拷贝和深拷贝是两个重要的概念，理解它们的差异以及如何实现对于处理数据结构至关重要。

浅拷贝是创建一个新对象，这个新对象具有原始对象属性值的一份引用。如果原始对象的属性值是基本类型（如字符串、数字、布尔值等），则会进行值的复制。但如果属性值是引用类型（如对象、数组等），那么浅拷贝只是复制了引用，而不是创建新的对象或数组。

例如，使用 Object.assign() 方法进行浅拷贝：

let obj1 = { a: 1, b: { c: 2 } };
let obj2 = Object.assign({}, obj1);

obj1.b.c = 3;
console.log(obj2.b.c); // 3

在上述示例中，修改 obj1 中嵌套对象的属性值，obj2 中对应的属性值也会改变，这就是浅拷贝的特点。

深拷贝则是完全独立地复制原始对象及其所有嵌套对象和数组，创建全新的、不与原始对象共享引用的数据结构。

实现深拷贝的常见方法有使用递归函数或借助第三方库，如 lodash 的 cloneDeep 方法。以下是一个简单的递归实现深拷贝的函数示例：

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

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

  for (let key in obj) {
    newObj[key] = deepCopy(obj[key]);
  }

  return newObj;
}

使用上述深拷贝函数：

let obj1 = { a: 1, b: { c: 2 } };
let obj2 = deepCopy(obj1);

obj1.b.c = 3;
console.log(obj2.b.c); // 2

在实际开发中，根据具体需求选择浅拷贝或深拷贝。如果只需要复制基本类型的值和顶层的引用类型，浅拷贝可能就足够了。但如果要确保复制的对象完全独立，不受原始对象的影响，就需要使用深拷贝。

清晰地理解浅拷贝和深拷贝的差异，并能根据项目需求正确选择和实现相应的拷贝方式，有助于避免因数据共享而导致的意外错误，提高代码的可靠性和可维护性。