JS-拷贝问题

在JavaScript中，"浅拷贝"和"深拷贝"是两种不同的复制对象的方法。浅拷贝只复制了对象的最外层，而深拷贝则会递归复制所有层级。

浅拷贝的实现方法：

1. 对象展开运算符（...）
2. Object.assign()
3. 手动循环属性

深拷贝的实现方法：

1. 使用JSON.parse(JSON.stringify())（注意，这种方法不能复制包含循环引用的对象或者函数等无法序列化的属性）
2. 递归复制（手动实现深拷贝）

以下是实现浅拷贝和深拷贝的示例代码：

浅拷贝示例：

// 使用对象展开运算符
const shallowCopy1 = { ...originalObject };
 
// 使用Object.assign()
const shallowCopy2 = Object.assign({}, originalObject);
 
// 手动循环属性
const shallowCopy3 = {};
for (let key in originalObject) {
  shallowCopy3[key] = originalObject[key];
}

深拷贝示例：

// 使用JSON.parse(JSON.stringify())
const deepCopy1 = JSON.parse(JSON.stringify(originalObject));
 
// 递归复制
const deepCopy2 = recursiveCopy(originalObject);
 
function recursiveCopy(obj) {
  if ((obj === null) || (typeof obj !== 'object')) {
    return obj;
  }
 
  if (obj instanceof Date) {
    return new Date(obj.getTime());
  }
 
  if (obj instanceof Array) {
    return obj.reduce((arr, item, i) => {
      arr[i] = recursiveCopy(item);
      return arr;
    }, []);
  }
 
  if (obj instanceof Object) {
    return Object.keys(obj).reduce((newObj, key) => {
      newObj[key] = recursiveCopy(obj[key]);
      return newObj;
    }, {});
  }
}

注意：JSON.parse(JSON.stringify())的方法存在局限性，不能复制函数、undefined、循环引用等。因此，在复杂场景下，通常推荐使用递归复制的方式来创建深拷贝。