JavaScript 复制对象与Object.assign方法无法实现深复制

### JavaScript 数据类型概述 在JavaScript语言中，数据类型分为基本数据类型和复杂数据类型（也称为引用数据类型）。基本数据类型包括Number、Boolean、String、Null、Undefined和Symbol（ES6新增）。而复杂数据类型主要是Object，包括Array（数组）、Date（日期）、RegExp（正则表达式）、Function（函数）以及各种基本包装类型（如Boolean、String、Number等）。 ### 复杂数据类型的复制原理 当我们复制一个复杂数据类型的变量时，实际上复制的是对象的引用（即指针），而不是对象本身。这意味着，如果有两个变量指向同一个对象，那么对其中一个变量所做的修改将会影响到另一个变量指向的对象。例如： ```javascript let obj = { character: 'peaceful' }; let copy = obj; obj.character = 'lovely'; console.log(copy.character); // 输出 'lovely' ``` ### 浅复制和深复制的区别 浅复制（Shallow Copy）仅复制对象的第一层属性，如果属性值包含引用类型，则这些引用类型的内容不会被复制，仅仅是复制了指向原始数据的指针。而深复制（Deep Copy）则会递归复制所有的层，并且不复制指向原始数据的指针，而是复制实际的数据。 ### Object.assign方法的浅复制机制 在ES6中，Object新增了一个assign方法，该方法可以实现对象的浅复制。其用法如下： ```javascript Object.assign(target, [source1, source2, source3...]) ``` 第一个参数`target`是目标对象，后面可以跟一个或多个源对象`source`。方法会将源对象的可枚举属性复制到目标对象中，如果目标对象和源对象拥有相同的属性，源对象的属性值会覆盖目标对象的属性值。需要注意的是，复制时仅包含对对象的引用，不包括嵌套对象的复制，因此它只实现了浅复制。 例如，复制对象进行浅复制的操作如下： ```javascript let target = { a: 123 }; let source1 = { b: 456 }; let source2 = { c: 789 }; let obj = Object.assign(target, source1, source2); console.log(obj); // 输出 { a: 123, b: 456, c: 789 } ``` ### 如何实现深复制 由于`Object.assign`方法无法实现深复制，我们需要使用其他方法来完成。常见的深复制实现手段包括使用递归函数手动复制每个属性，或者利用一些现代JavaScript库提供的深复制方法，例如Lodash的`_.cloneDeep`。 递归函数实现深复制的示例代码： ```javascript function deepClone(obj) { if (obj === null || typeof obj !== 'object') { return obj; } let cloneObj = Array.isArray(obj) ? [] : {}; for (let key in obj) { if (obj.hasOwnProperty(key)) { cloneObj[key] = deepClone(obj[key]); } } return cloneObj; } let originalObj = { a: 1, b: { c: 2 } }; let clonedObj = deepClone(originalObj); console.log(clonedObj); // 输出 { a: 1, b: { c: 2 } } ``` ### 结论 在JavaScript中，由于复杂数据类型的复制涉及到对象引用，直接复制变量时需要注意是否希望复制引用还是复制实际的对象。浅复制只复制对象的顶层属性，而不涉及嵌套对象，而深复制则会递归复制所有的嵌套对象，实现真正意义上的对象复制。对于无法实现深复制的`Object.assign`方法，开发者可以采用手动递归复制的方式或者依赖第三方库来完成深复制的需求。