返回
JS编程学习之路——浅拷贝和深拷贝的来龙去脉
前端
2023-09-09 06:34:44
**浅拷贝与深拷贝，浅析JS内存管理**
在JavaScript中，变量可以存储各种类型的值，包括基本类型（如数字、字符串、布尔值等）和引用类型（如对象、数组等）。当我们对引用类型进行赋值时，实际上是将引用类型在内存中的地址赋值给变量。这意味着，如果我们修改了变量所指向的对象或数组，那么该变量所指向的实际对象或数组也会被修改。
浅拷贝是指将一个对象的引用类型的值复制给另一个变量，而深拷贝是指将一个对象的整个内容（包括其所有属性和子对象）复制给另一个变量。这意味着，如果我们修改了浅拷贝变量所指向的对象或数组，那么该变量所指向的实际对象或数组不会被修改，而如果我们修改了深拷贝变量所指向的对象或数组，那么该变量所指向的实际对象或数组会被修改。
**浅拷贝的实现**
在JavaScript中，浅拷贝可以通过简单的赋值运算符（=）来实现。例如，以下代码将对象obj1的引用类型的值复制给变量obj2：
let obj1 = {
name: 'John',
age: 30
};
let obj2 = obj1;
现在，如果我们修改了obj2中的属性，那么obj1中的相应属性也会被修改。例如，以下代码将obj2中的age属性修改为31：
obj2.age = 31;
现在，如果我们检查obj1中的age属性，我们会发现它也变成了31。这是因为obj1和obj2都指向同一个对象，因此修改obj2中的属性也会影响obj1中的属性。
**深拷贝的实现**
在JavaScript中，深拷贝可以通过JSON.parse()和JSON.stringify()方法来实现。例如，以下代码将对象obj1的整个内容复制给变量obj2：
let obj1 = {
name: 'John',
age: 30
};
let obj2 = JSON.parse(JSON.stringify(obj1));
现在，如果我们修改了obj2中的属性，那么obj1中的相应属性不会被修改。例如，以下代码将obj2中的age属性修改为31：
obj2.age = 31;
现在，如果我们检查obj1中的age属性，我们会发现它仍然是30。这是因为obj1和obj2指向的是不同的对象，因此修改obj2中的属性不会影响obj1中的属性。
**浅拷贝和深拷贝的应用场景**
浅拷贝和深拷贝在JavaScript中都有各自的应用场景。一般来说，当我们需要对一个对象进行修改时，我们应该使用浅拷贝。这是因为浅拷贝可以减少内存的使用，并提高程序的性能。例如，以下代码将一个数组中的元素复制给另一个数组：
let arr1 = [1, 2, 3];
let arr2 = arr1;
现在，如果我们修改了arr2中的元素，那么arr1中的相应元素也会被修改。例如，以下代码将arr2中的第一个元素修改为4：
arr2[0] = 4;
现在，如果我们检查arr1中的第一个元素，我们会发现它也变成了4。这是因为arr1和arr2都指向同一个数组，因此修改arr2中的元素也会影响arr1中的元素。
当我们需要对一个对象进行复制时，我们应该使用深拷贝。这是因为深拷贝可以确保复制的对象与原始对象完全独立，因此修改复制的对象不会影响原始对象。例如，以下代码将一个对象复制给另一个对象：
let obj1 = {
name: 'John',
age: 30
};
let obj2 = JSON.parse(JSON.stringify(obj1));
现在，如果我们修改了obj2中的属性，那么obj1中的相应属性不会被修改。例如，以下代码将obj2中的age属性修改为31：
obj2.age = 31;
现在，如果我们检查obj1中的age属性，我们会发现它仍然是30。这是因为obj1和obj2指向的是不同的对象，因此修改obj2中的属性不会影响obj1中的属性。
**结语**
浅拷贝和深拷贝是JavaScript中两种非常重要的拷贝方法，它们都有各自的应用场景。当我们需要对一个对象进行修改时，我们应该使用浅拷贝。这是因为浅拷贝可以减少内存的使用，并提高程序的性能。当我们需要对一个对象进行复制时，我们应该使用深拷贝。这是因为深拷贝可以确保复制的对象与原始对象完全独立，因此修改复制的对象不会影响原始对象。
