js实现深拷贝deepCopy

JavaScript中可以使用递归的方式来实现对象或数组的深拷贝。

下面是一种常见的实现方法：

const deepCopy = (obj) => {
  // 热知识：用 typeof 判断 null、数组、对象，都是返回 'object'，其他情况则对应返回 string number boolean undefined function symbol
  // 这里是将非引用类型和函数直接返回，注意函数也是引用类型，但是重新赋值的函数，已经不是同一个函数了
  if (typeof obj !== "object" || obj === null) return obj;

  let copy = Array.isArray(obj) ? [] : {}; // 根据传入参数判断创建空数组还是空对象，当然js万物皆对象，数组也是特殊对象，不过key写死的下标

  for (let key in obj) {
    // 只复制自身属性而非继承属性
    if (Object.prototype.hasOwnProperty.call(obj, key)) {
      // 递归调用deepCopy函数进行深度拷贝
      copy[key] = deepCopy(obj[key]);
    }
  }

  return copy;
};
// 这段代码通过递归地将每个子元素也进行了深拷贝，确保所有引用都被正确处理。

// 测试案例
const str = "123";
const num = 456;
const flag = false;
const fun = () => {
  const a = 1;
  console.log(a);
  return a;
};
const arr = ["1", 2, true, null, undefined];
const obj = { a: 1, b: 2, c: [3, 4, 5], d: { e: 6, f: 7, g: [8, 9] } };

console.log(deepCopy(str));
console.log(deepCopy(num));
console.log(deepCopy(flag));
console.log(deepCopy(fun));

const arrTemp = deepCopy(arr);
console.log(arrTemp);
arr[0] = "111";
console.log(arrTemp);

const objTemp = deepCopy(obj);
console.log(objTemp);
obj["a"] = "111";
console.log(objTemp);