JavaScript 深拷贝实现：递归方法详解

深拷贝是指创建一个新的对象，并复制原始对象的所有属性和值，包括嵌套对象和数组。在 JavaScript 中，可以使用递归的方式实现深拷贝。

代码示例：

function deepClone(obj) {
  if (typeof obj !== 'object' || obj === null) {
    // 如果不是对象或者是 null，则直接返回
    return obj;
  }

  let result;
  if (Array.isArray(obj)) {
    // 如果是数组，则创建一个新的数组
    result = [];
    for (let i = 0; i < obj.length; i++) {
      result[i] = deepClone(obj[i]);
    }
  } else {
    // 如果是对象，则创建一个新的对象
    result = {};
    for (let key in obj) {
      result[key] = deepClone(obj[key]);
    }
  }

  return result;
}

// 测试
const obj = {
  a: 1,
  b: [2, 3],
  c: {
    d: 4,
    e: [5, 6]
  }
};

const newObj = deepClone(obj);
console.log(newObj); // 输出 { a: 1, b: [ 2, 3 ], c: { d: 4, e: [ 5, 6 ] } }

// 修改原始对象，不会影响新对象
obj.a = 100;
obj.b[0] = 200;
obj.c.d = 400;
console.log(obj); // 输出 { a: 100, b: [ 200, 3 ], c: { d: 400, e: [ 5, 6 ] } }
console.log(newObj); // 输出 { a: 1, b: [ 2, 3 ], c: { d: 4, e: [ 5, 6 ] } }

代码解析：

递归基础： 递归函数调用自身，直到满足终止条件。在深拷贝中，递归用于处理嵌套对象和数组。
终止条件： 当遇到非对象或 null 时，直接返回原始值。
数组处理： 循环遍历数组，对每个元素进行深拷贝。
对象处理： 循环遍历对象的属性，对每个属性进行深拷贝。

优点：

代码简洁易懂，易于理解和维护。
适用于处理任意层级的嵌套对象和数组。

注意事项：

递归可能会导致栈溢出，尤其是对于深层嵌套的对象。
递归效率可能不如迭代方法高，尤其是对于大型数据。

总结：

递归是实现 JavaScript 深拷贝的一种常见方法，它简单灵活，但需要注意潜在的问题。选择合适的方法取决于实际情况和个人偏好。