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] },
  h: () => {
    const i = 123456;
    console.log('---origin obj fun print---', i);
    return i;
  },
};

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";
obj["h"] = () => {
  const i = 654321;
  console.log('---change obj fun print---', i);
  return i;
};
console.log(objTemp);
obj["h"]();
objTemp["h"]();

• 注意点

在JavaScript中，函数确实是引用类型，但在进行深拷贝时，通常不需要特别处理函数。这是因为函数通常被视为不可变的。也就是说，一旦函数被定义，我们通常不会去修改它的内容。因此，复制函数的引用通常就足够了，因为我们不需要担心原始函数会被修改。

然而，如果你的函数有附加的属性或者你正在使用的函数可能会被修改，那么你可能需要进行更深入的复制。但这种情况比较少见，所以在大多数深拷贝实现中，函数通常被直接复制引用，而不是被深拷贝。