JavaScript中的克隆

在JavaScript中，克隆是指创建一个对象的副本。这意味着对原始对象进行的任何更改都不会影响到克隆的对象。克隆可以通过多种方式实现，例如使用Object.assign()方法、展开运算符（...）或者JSON.parse()和JSON.stringify()方法。

1. 使用`Object.assign()`方法：

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

2. 使用扩展运算符（`...`）：

const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1 };
console.log(obj2); // 输出：{ a: 1, b: 2 }

3. 使用`JSON.parse()`和`JSON.stringify()`方法：

const obj1 = { a: 1, b: 2 };
const obj2 = JSON.parse(JSON.stringify(obj1));
console.log(obj2); // 输出：{ a: 1, b: 2 }

4. 使用自定义的克隆函数：

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

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

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

  return result;
}

const obj1 = { a: 1, b: { c: 2 } };
const obj2 = clone(obj1);
console.log(obj2); // 输出：{ a: 1, b: { c: 2 } }

这些方法只能进行浅拷贝，即只复制对象的第一层属性。如果对象的属性值是引用类型（如对象或数组），则这些方法只会复制引用，而不是实际的对象或数组。

深克隆是指创建一个新的对象，并将原对象的所有属性和值复制到新对象中。这样，对新对象的修改不会影响到原对象。

function deepClone(obj) {
  return JSON.parse(JSON.stringify(obj));
}

const obj1 = {
  a: 1,
  b: {
    c: 2
  }
};

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

这种方法只适用于可以序列化为JSON的对象。对于包含函数、undefined、Symbol等不能序列化的属性的对象，需要使用其他方法进行深克隆。