JavaScript 内存分配：浅拷贝与深拷贝
2023-11-11 18:17:49
JavaScript内存机制是程序执行过程中一个不可或缺的环节，它决定着变量是如何存储和管理的。在JavaScript中，内存分配主要发生在两种情况下：定义变量时和函数调用时。
内存分配：
- 定义变量时：在JavaScript中，变量的声明和初始化是同时发生的。当我们声明一个变量时，JavaScript会自动为其分配内存空间。例如，以下代码会创建一个名为“name”的变量，并为其分配内存空间来存储其值：
let name = "John Doe";
- 函数调用时：当函数被调用时，JavaScript会为其分配内存空间来存储函数的参数、局部变量和其他临时数据。当函数执行完成后，这些内存空间将被释放。例如，以下代码调用了一个名为“greet”的函数，并为其传递了一个名为“name”的参数：
greet("John Doe");
function greet(name) {
console.log("Hello, " + name);
}
内存模型：
JavaScript的内存空间可以分为两部分：栈(stack)和堆(heap)。
- 栈：栈是一种数据结构，它遵循“后进先出”的原则。这意味着最后进入栈中的数据将首先被删除。栈主要用于存储函数调用信息、局部变量和其他临时数据。
- 堆：堆是一种数据结构，它允许数据以任意顺序存储和检索。堆主要用于存储对象和数组等复杂数据结构。
浅拷贝与深拷贝：
在JavaScript中，变量可以存储两种类型的数据：基本类型和引用类型。基本类型包括字符串、数字、布尔值和null，而引用类型包括对象和数组。
- 浅拷贝：当我们对一个引用类型变量进行浅拷贝时，新变量将指向与原始变量相同的对象或数组。这意味着对新变量所做的任何更改都将反映在原始变量中。例如，以下代码对一个对象进行浅拷贝：
const originalObject = {
name: "John Doe",
age: 30
};
const copiedObject = originalObject;
copiedObject.name = "Jane Doe";
console.log(originalObject); // { name: "Jane Doe", age: 30 }
在上面的代码中，我们首先创建了一个对象，并将其命名为“originalObject”。然后，我们创建了一个新变量“copiedObject”，并将其设置为指向与“originalObject”相同的对象。接下来，我们修改了“copiedObject”的“name”属性。最后，我们打印“originalObject”的内容，结果显示“name”属性的值已被修改为“Jane Doe”。
- 深拷贝：当我们对一个引用类型变量进行深拷贝时，新变量将指向一个新的对象或数组，该对象或数组的内容与原始变量的内容相同。这意味着对新变量所做的任何更改都不会反映在原始变量中。例如，以下代码对一个对象进行深拷贝：
const originalObject = {
name: "John Doe",
age: 30
};
const copiedObject = JSON.parse(JSON.stringify(originalObject));
copiedObject.name = "Jane Doe";
console.log(originalObject); // { name: "John Doe", age: 30 }
在上面的代码中，我们首先创建了一个对象，并将其命名为“originalObject”。然后，我们使用JSON.stringify()方法将“originalObject”转换为JSON字符串。接下来，我们使用JSON.parse()方法将JSON字符串转换为一个新的对象，并将其命名为“copiedObject”。最后，我们修改了“copiedObject”的“name”属性。最后，我们打印“originalObject”的内容，结果显示“name”属性的值仍为“John Doe”。
浅拷贝和深拷贝是JavaScript中非常重要的两个概念，它们在不同的场景下都有各自的用途。浅拷贝主要用于复制简单的数据结构，而深拷贝则主要用于复制复杂的数据结构。
