9. 堆和栈有什么区别
总结
- 栈：用于存储基本数据类型，速度快，生命周期明确；
- 堆：用于存储引用类型，空间大但访问慢，依赖垃圾回收机制；
- JavaScript 中变量的存储方式取决于其类型；
- 理解堆栈机制有助于优化代码性能、避免内存泄漏。
✅ 建议：在开发中合理使用基础类型和引用类型，注意变量作用域和引用关系，以提升应用性能和稳定性。
概述
在 JavaScript 中，堆（Heap） 和 栈（Stack） 是两种不同的内存分配区域，用于存储程序运行时的数据。理解它们的区别有助于我们更好地理解变量存储机制、性能优化以及垃圾回收机制。
一、栈（Stack）
1. 定义
栈是一种自动分配和释放的内存区域，用于存储基本数据类型（如 number、string、boolean、undefined、null、symbol、bigint）和函数调用时的执行上下文。
2. 特点
| 特性 | 说明 |
|---|---|
| 存取速度快 | 因为栈的结构是后进先出（LIFO），内存是连续的 |
| 生命周期明确 | 变量进入作用域时分配内存，离开作用域时自动释放 |
| 空间有限 | 栈的大小有限，不能存放大量数据 |
| 存储基础类型 | 如 number, string, boolean 等 |
3. 示例
let a = 10;
let b = a;
b = 20;console.log(a); // 10
console.log(b); // 20
a和b是两个独立的栈内存地址，互不影响。
二、堆（Heap）
1. 定义
堆是一种动态分配的内存区域，用于存储引用类型（如 object、array、function）的实际数据。
2. 特点
| 特性 | 说明 |
|---|---|
| 动态分配 | 内存大小不固定，运行时动态分配 |
| 存取速度较慢 | 因为堆内存是无序的，需要通过引用地址访问 |
| 需要垃圾回收 | 不再使用的对象由垃圾回收机制自动清理 |
| 存储引用类型 | 如对象、数组、函数等 |
3. 示例
let obj1 = { name: "Tom" };
let obj2 = obj1;
obj2.name = "Jerry";console.log(obj1.name); // Jerry
console.log(obj2.name); // Jerry
obj1和obj2指向堆中的同一个对象，修改一个会影响另一个。
三、堆和栈的区别总结
| 特性 | 栈（Stack） | 堆（Heap） |
|---|---|---|
| 存储内容 | 基础数据类型 | 引用类型（对象、数组、函数等） |
| 分配方式 | 自动分配 | 动态分配 |
| 存取速度 | 快 | 相对较慢 |
| 生命周期 | 进入作用域分配，离开释放 | 手动分配，由垃圾回收机制管理 |
| 空间大小 | 小且有限 | 大，适合存储大量数据 |
| 是否共享 | 不共享 | 多个变量可指向同一对象 |
| 值传递 vs 引用传递 | 值传递（拷贝副本） | 引用传递（共享内存地址） |
四、JavaScript 中的内存管理机制
1. 自动垃圾回收（GC）
JavaScript 引擎（如 V8）会自动管理内存的分配和回收：
- 当一个对象不再被引用时，垃圾回收器会将其从堆中清除。
- 栈中的变量在作用域结束后自动出栈，无需手动管理。
2. 垃圾回收策略
- 标记清除（Mark and Sweep）：主流策略，标记不再使用的对象并清除。
- 引用计数（Reference Counting）：已逐渐淘汰，容易导致循环引用问题。
五、性能优化建议
| 建议 | 说明 |
|---|---|
| 避免频繁创建大对象 | 减少堆内存分配和 GC 压力 |
| 使用局部变量 | 局部变量存储在栈中，访问速度快 |
| 避免循环引用 | 防止内存泄漏 |
合理使用 const 和 let | 有助于优化变量作用域和内存管理 |