js中堆和栈
在 JavaScript 中，堆（Heap） 和 栈（Stack） 是两种不同的内存存储区域，它们用于存储不同类型的数据。理解它们的区别对于理解 JavaScript 的内存管理非常重要。
- 栈（Stack）
栈存储数据类型：
栈主要用于存储 基本类型（primitive types） 和 函数调用信息，例如：
基本数据类型：number、string、boolean、undefined、null 和 symbol 等。
函数调用：当执行函数时，函数会被推入栈中进行管理，包括局部变量和执行上下文。
栈的特点：
顺序存取：栈是 后进先出（LIFO） 的数据结构，即最后入栈的元素最先出栈。
快速分配与回收内存：栈的内存分配和回收由 JavaScript 引擎自动管理，通常非常快速。
举例：
function example() {
let num = 10; // 基本数据类型存储在栈中
let str = “hello”; // 字符串存储在栈中（注意：字符串是基本数据类型）
}
example();
在这个例子中，num 和 str 会被存储在栈中。
- 堆（Heap）
堆存储数据类型：
堆主要用于存储 引用类型（reference types） 的数据，例如：
对象（Object）
数组（Array）
函数（Function）
日期（Date）
正则表达式（RegExp）
堆是用来存储较大的数据结构，它需要动态分配内存，因此相比栈的内存管理更复杂。
堆的特点：
非顺序存取：堆内存没有特定的顺序，数据的分配和回收较为灵活。
内存分配和回收较慢：由于堆内存分配较为复杂，内存管理通常比栈慢，但适用于存储动态数据。
举例：
function example() {
let obj = { name: “Alice”, age: 30 }; // 对象存储在堆中
let arr = [1, 2, 3]; // 数组存储在堆中
}
example();
在这个例子中，obj 和 arr 存储在堆中，因为它们是引用类型。虽然 obj 和 arr 变量本身存储在栈中，但它们指向的实际数据存储在堆中。
- 栈和堆的对比
- 栈与堆的内存管理
栈内存：栈是由操作系统自动管理的，变量在栈上分配内存时，内存的分配和回收非常高效。栈的内存管理方式是线性的，当函数调用结束时，栈上的所有局部变量会自动销毁。
堆内存：堆是由 JavaScript 引擎和垃圾回收器管理的。由于堆内存分配和回收相对复杂，因此会存在一些性能开销。当对象在堆中分配内存后，垃圾回收器会在对象不再使用时自动回收堆内存。
- 总结
栈：用于存储简单的基本数据类型和函数调用的局部变量。内存分配和回收效率高，采用后进先出的管理方式。
堆：用于存储引用类型的数据（如对象、数组等）。内存分配和回收较为复杂，采用动态分配。
理解栈和堆的区别，有助于你在开发中合理管理内存和优化性能。