js代码-js 深拷贝

在JavaScript中，深拷贝和浅拷贝是两种不同的对象复制方法。理解它们之间的区别对于编写高效、可靠的代码至关重要。本文将深入探讨JavaScript中的深拷贝，并提供相关的代码示例。 **浅拷贝（Shallow Copy）** 浅拷贝只是复制了原始对象的引用，而不是创建一个新的独立副本。这意味着当修改拷贝后的对象时，原始对象也会受到影响。在JavaScript中，常见的浅拷贝方法有： 1. **克隆方法（slice()或concat()）**：这些方法通常用于数组，但并不适用于复杂对象。 ```javascript let arr = [1, 2, 3]; let shallowCopyArr = arr.slice(); // 或者 shallowCopyArr = arr.concat(); ``` 2. **扩展运算符（...）**： ```javascript let obj = {a: 1, b: 2}; let shallowCopyObj = { ...obj }; ``` 3. **Object.assign()**： ```javascript let obj = {a: 1, b: 2}; let shallowCopyObj = Object.assign({}, obj); ``` **深拷贝（Deep Copy）** 深拷贝会创建一个全新的对象，其中包含原始对象的所有属性，且与原始对象完全独立。即使修改拷贝后的对象，也不会影响原始对象。在JavaScript中实现深拷贝的方法包括： 1. **递归**：自定义函数，递归遍历对象的每一个属性，为每个属性创建新的值。这种方法可以处理任意复杂的对象结构，但效率较低，可能导致栈溢出。 ```javascript function deepCopy(obj) { if (typeof obj !== 'object' || obj === null) return obj; let copy; if (Array.isArray(obj)) { copy = []; for (let i = 0; i < obj.length; i++) { copy[i] = deepCopy(obj[i]); } } else { copy = {}; for (let key in obj) { if (obj.hasOwnProperty(key)) { copy[key] = deepCopy(obj[key]); } } } return copy; } ``` 2. **JSON.parse 和 JSON.stringify**：这种方法简单易用，但有局限性。它不能处理函数、循环引用以及某些类型的值（如undefined、symbol）。 ```javascript let obj = {a: 1, b: 2, c: function(){}}; let jsonString = JSON.stringify(obj); let deepCopyObj = JSON.parse(jsonString); ``` 3. **第三方库**：如lodash的_.cloneDeep()或jQuery的$.extend(true, {}, obj)，它们提供了更完善的深拷贝功能，处理各种复杂情况。 在实际开发中，应根据需求选择合适的拷贝方法。深拷贝适用于需要完全隔离原始对象和拷贝对象的情况，而浅拷贝则适用于不涉及复杂嵌套结构且修改不影响原始对象的场景。了解并掌握这两种拷贝方式，能够帮助我们写出更加健壮的JavaScript代码。