前端面试第三篇：JS之路深拷贝与浅拷贝

在JavaScript中，深拷贝和浅拷贝是两种常见的对象复制方式。它们在处理对象和数组时非常有用，但两者之间存在一些重要的差异。
一、浅拷贝
浅拷贝是指创建一个新对象，并将原始对象的非函数属性复制到新对象中。如果原始对象中的属性是基本类型（如字符串、数字、布尔值），则新对象将获得这些属性的副本。如果属性是引用类型（如数组、对象），则新对象将获得对这些对象的引用，而不是对象本身。
实现浅拷贝的方式有多种，例如使用Object.assign()方法或扩展运算符（…）。
示例：

const original = { a: 1, b: 2 };
const copy = Object.assign({}, original); // 使用Object.assign()实现浅拷贝
console.log(copy); // 输出：{ a: 1, b: 2 }

二、深拷贝
深拷贝是指创建一个新对象，并将原始对象的所有属性（无论基本类型还是引用类型）都完全复制到新对象中。这样，新对象与原始对象是完全独立的，修改新对象不会影响原始对象。
实现深拷贝的方法也有多种，例如使用JSON.parse()和JSON.stringify()方法或递归复制。
示例：

const original = { a: 1, b: 2, c: { d: 3 } };
const copy = JSON.parse(JSON.stringify(original)); // 使用JSON.parse()和JSON.stringify()实现深拷贝
console.log(copy); // 输出：{ a: 1, b: 2, c: { d: 3 } }

需要注意的是，使用JSON.parse()和JSON.stringify()方法进行深拷贝存在一些限制。例如，无法处理循环引用或函数类型的数据。因此，对于更复杂的场景，可能需要使用其他深拷贝算法。
三、优缺点比较

1. 浅拷贝的优点：实现简单，性能较高。因为只需要复制对象的非函数属性，所以操作相对较快。
2. 浅拷贝的缺点：无法完全复制对象，新旧对象之间存在引用关系。如果修改新对象的属性，原始对象的对应属性也会被修改。
3. 深拷贝的优点：新旧对象完全独立，修改新对象不会影响原始对象。可以完全复制对象的所有属性，包括函数类型和循环引用。
4. 深拷贝的缺点：性能较低，因为需要递归复制对象的所有属性。实现复杂度较高，可能需要处理各种特殊情况。
   在实际应用中，需要根据具体需求选择合适的复制方式。如果只需要复制对象的非函数属性，并且不关心新旧对象之间的关联关系，可以使用浅拷贝。如果需要完全独立地复制对象的所有属性，并且不希望修改新对象影响原始对象，则应选择深拷贝。