在 JavaScript 中，数据的存储方式与堆（Heap）和栈（Stack）密切相关，但对象的实际存放位置与常见的理解有所不同。以下是详细的解释：
1. 栈（Stack）的用途
- 存储内容：栈用于存放基本数据类型（如
number、string、boolean、null、undefined、Symbol）和函数调用时的执行上下文（如局部变量、参数、返回地址等）。 - 特性：
- 自动分配/释放：栈内存由系统自动管理，函数执行时分配，执行完毕立即释放。
- 固定大小：栈空间较小且大小固定（不同浏览器/环境有差异），频繁分配大对象可能导致栈溢出（Stack Overflow）。
2. 堆（Heap）的用途
- 存储内容：堆用于存放复杂数据类型（如对象、数组、函数等）。
- 特性：
- 动态分配：堆内存由开发者通过代码间接管理（JS 引擎的垃圾回收机制自动回收）。
- 灵活大小：堆空间远大于栈，适合存储大小不固定或较大的数据。
3. 数据存放规则
- 基本类型：直接存储在栈中，访问时按值传递。
let a = 10; // 值 10 直接存储在栈中 - 引用类型：
- 对象本身存储在堆中。
- 栈中存储对象的引用地址（类似指针），指向堆中的实际数据。
let obj = { name: "Alice" }; // 对象存储在堆中，栈中保存其内存地址
4. 为什么对象要存放到堆中？
-
生命周期不确定：
- 栈内存的生命周期与函数调用绑定，而对象的生命周期可能跨越多个函数，需更灵活的管理（堆允许数据在函数结束后仍存在）。
-
避免栈溢出：
- 对象可能体积较大（如嵌套结构），直接存栈会导致栈空间迅速耗尽。
-
共享与高效传递：
- 多个变量可以引用同一个对象（通过堆中的地址共享），避免数据冗余。
- 函数参数传递时，只需复制引用地址（而非整个对象），性能更高。
5. 示例分析
let obj1 = { name: "Alice" }; // obj1 的引用地址存栈，对象 { name: "Alice" } 存堆
let obj2 = obj1; // obj2 复制了 obj1 的引用地址，指向同一堆中的对象
obj2.name = "Bob";
console.log(obj1.name); // "Bob"（堆中数据被修改）
- 栈：保存
obj1和obj2的引用地址（如0x100）。 - 堆：地址
0x100处存储实际对象{ name: "Bob" }。
6. 总结
| 特性 | 栈（Stack） | 堆（Heap） |
|---|---|---|
| 存储内容 | 基本类型、函数执行上下文 | 引用类型（对象、数组等） |
| 生命周期 | 函数执行时自动分配/释放 | 由垃圾回收机制管理 |
| 大小限制 | 固定、较小 | 动态、较大 |
| 访问速度 | 快 | 慢（需通过引用地址间接访问） |
对象存储在堆中的设计，确保了 JavaScript 的内存管理兼顾效率与灵活性，同时避免了栈溢出的风险。这种机制也是大多数高级语言的通用实践。
