浅析JS复制特性和深浅拷贝

探讨JavaScript中的数据拷贝行为，让我们先了解数据在内存中的储存和传递。JavaScript中有两种基本数据类型：基本类型 和引用类型 。基本类型的值直接保存在栈内存中，比如字符串、数字、布尔值和null。而引用类型的值保存在堆内存中，栈内存中仅保存引用地址，堆内存才是值本身的储存地址。

赋值和浅拷贝：基本类型

const str1 = "Hello";
const str2 = str1; // 赋值操作，str2复制str1的值
str2[0] = "Y"; // 改变str2的值

console.log(str1); // 输出: "Hello"
console.log(str2); // 输出: "Yello"

以上代码中，我们使用赋值操作符（=）将变量str1的字符串值赋值给新变量str2。由于字符串是基本类型，当我们改变str2的值时，并不影响str1的值。这是因为赋值操作符仅复制基本类型的值，而不会复制变量本身。

赋值和浅拷贝：引用类型

const obj1 = { name: "Bob" };
const obj2 = obj1; // 赋值操作，obj2复制obj1的引用

obj2.name = "Alice"; // 改变obj2的name属性

console.log(obj1.name); // 输出: "Alice"
console.log(obj2.name); // 输出: "Alice"

在本例中，我们使用赋值操作符（=）将变量obj1的引用赋值给新变量obj2。由于对象是引用类型，当我们改变obj2的属性值时，也会影响到obj1的值。这是因为赋值操作符只复制变量的引用地址，而不会复制变量本身。

浅拷贝（浅度拷贝）和深拷贝

在JavaScript中，浅拷贝仅仅复制一层。浅拷贝只是复制对象或数组的引用值，而不是复制其内部的数据值。当我们修改浅拷贝对象的属性值时，也会改变原始对象的属性值。

深拷贝（深度拷贝）则复制对象或数组的所有数据值。当我们修改深拷贝对象的属性值时，不会影响到原始对象。

在 JavaScript 中，要实现深拷贝，我们需要使用 JSON.parse(JSON.stringify(obj)) 的方法来实现。使用此方法，可以实现对象的完整复制，无论它包含多少层。

深拷贝的实现通常会涉及递归算法，对对象或数组的每一层都进行复制。由于深拷贝需要复制对象的所有数据值，因此通常比浅拷贝需要更多的时间和空间复杂度。

何时使用深拷贝

深拷贝通常用于需要独立于原始数据工作的情况。例如，如果您需要在不影响原始数据的情况下修改数据，则可以使用深拷贝。深拷贝也用于将数据传递给外部函数或库，以避免对原始数据造成意外的修改。

结束语

总结，浅拷贝仅复制基本数据类型的值或引用类型的引用值，而深拷贝则复制对象或数组的所有数据值。深拷贝通常用于需要独立于原始数据工作的情况。理解 JavaScript 中的赋值和拷贝行为有助于您编写更可靠和可维护的代码。