JavaScript实现浅拷贝与深拷贝的方法分析

当我们需要在JavaScript中复制对象时，我们通常会使用浅拷贝或深拷贝，这两种方法可以实现不同程度的对象复制。下面是实现浅拷贝和深拷贝的方法分析：

实现 JavaScript 浅拷贝的方法

JavaScript中使用浅拷贝来复制对象，只是复制了对象的引用，因此，这个新创建的对象和旧对象指向相同的内存地址。这意味着，如果我们修改新对象中的某个属性，则旧对象和新对象中的这个属性都会受到影响。

以下为实现JavaScript浅拷贝的方法：

1. Object.assign()

Object.assign()方法用于将一个或多个来源对象的属性复制到目标对象，它会将源对象的 properties 复制到目标对象上并返回目标对象。这个方法执行时会对 first argument 执行ToObject 转换，因此，其可以处理原始类型变量（原始类型变量会被封装成对象），但是我们必须确保传递的第一个参数不是null或undefined。

const target = { a: 1 };
const source = { b: 2 };
const obj = Object.assign({}, target, source);
console.log(obj); // { a: 1, b: 2 }

2. 扩展运算符

ES6的扩展运算符允许我们使用三个点（...）运算符将一个对象展开为多个元素并将其赋值给一个新的对象。在 JavaScript 中，它可以用来实现浅拷贝。以下是示例：

let obj1 = {a: 1, b: 2};
let obj2 = {...obj1};
console.log(obj2); // {a: 1, b: 2}

实现 JavaScript 深拷贝的方法

JavaScript中使用深拷贝时，会创建一个对象的完全副本，并在内存中分配新的空间，在新的对象内存中存储这个副本。这意味着，如果我们修改新对象中的某个属性，则旧对象不会受到影响。

以下为实现JavaScript深拷贝的方法：

1. JSON.parse() 和 JSON.stringify()

JSON.parse()和JSON.stringify()是 JSON 格式的一部分，它们可以用于创建 JavaScript 中的对象。通过使用明确的 JSON.parse()和JSON.stringify() API，我们可以在一个新的对象中创建原始对象的副本。JSON.stringify()可以将一个JavaScript对象的属性序列化成 JSON 字符串，而JSON.parse()则可以将JSON字符串解析为 JavaScript对象。

以下为实现深拷贝的示例代码：

let obj1 = {a: 1, b: 2, c: {d: 3, e: 4}};
let obj2 = JSON.parse(JSON.stringify(obj1));
console.log(obj2); // {a: 1, b: 2, c: {d: 3, e: 4}}

但是，当对象中包含函数、RegExp、Date等类型时，这种方式并不适用。原因是这些类型无法在 JSON 格式下进行有效的序列化和反序列化。

2. 递归

使用递归是实现JavaScript深拷贝的另一种方式。这个方法需要自己编写代码实现，因此需要我们对对象实际的结构和属性进行了解。我们可以根据该对象的属性的类型来进行不同的操作。

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

function deepClone(obj) {
  if (typeof obj !== 'object' || obj === null)
    return obj;
  let clone = Object.assign({}, obj);
  Object.keys(clone).forEach(key => {
    clone[key] = deepClone(obj[key]);
  });
  return Array.isArray(obj) ? (clone.length = obj.length && Array.from(clone)) : clone;
}

let obj1 = {a: 1, b: 2, c: {d: 3, e: 4}};
let obj2 = deepClone(obj1);
console.log(obj2); // {a: 1, b: 2, c: {d: 3, e: 4}}

该方法首先检查要复制的对象属性的类型，然后通过Object.assign()方法复制对象的基本属性。然后它使用递归方法来检查对象属性的类型和值，并复制它们。如果属性值是对象，则递归调用deepClone()函数来继续复制对象，直到它可以复制整个对象。

以上就是实现JavaScript浅拷贝和深拷贝的方法分析和示例说明。