DEV Community
·
我们的变量去哪里了 - 调用栈和内存堆简要指南
内容提要
本文介绍了JavaScript的内存模型，包括调用栈和内存堆。调用栈管理函数调用和原始数据类型，内存堆存储非原始数据类型（如数组和对象）。原始数据类型不可变，存储在调用栈中；非原始数据类型动态增长，存储在内存堆中。文章还讨论了垃圾回收和内存泄漏的常见原因，理解这些概念有助于编写更高效的代码。
关键要点
-
JavaScript内存模型包括调用栈和内存堆。
-
调用栈管理函数调用和原始数据类型，内存堆存储非原始数据类型。
-
原始数据类型不可变，存储在调用栈中；非原始数据类型动态增长，存储在内存堆中。
-
调用栈以先进后出（FILO）的方式组织函数调用，并存储原始类型。
-
栈溢出发生在函数无限堆叠时，超出最大内存限制。
-
内存堆存储非原始数据（如数组、对象和函数），允许数据动态增长。
-
使用const声明的变量不能重新赋值，但可以修改数组和对象的内部项。
-
原始类型可以通过包装器间接存储在内存堆中。
-
JavaScript具有自动内存管理，使用标记清扫算法进行垃圾回收。
-
内存泄漏的常见原因包括全局变量、未移除的事件监听器和未清除的setInterval函数。
-
理解JavaScript内存模型有助于编写更高效的代码，避免内存泄漏问题。
延伸解读
调用栈与内存堆的区别
调用栈和内存堆在JavaScript中扮演着不同的角色。调用栈用于管理函数调用和原始数据类型，采用先进后出的方式组织。而内存堆则存储非原始数据类型，如数组和对象，允许数据动态增长。理解这两者的区别有助于开发者更有效地管理内存和优化代码性能。
内存泄漏的常见原因
内存泄漏是JavaScript开发中常见的问题，主要由全局变量、未移除的事件监听器和未清除的setInterval函数引起。开发者应注意这些潜在风险，定期检查代码，确保不再使用的变量和事件监听器被正确清理，以避免不必要的内存占用。
原始类型与非原始类型的存储方式
原始数据类型在调用栈中以值的形式存储，而非原始数据类型则在内存堆中以引用的形式存储。这意味着对原始类型的修改会创建新的内存地址，而对非原始类型的修改则会影响堆中的数据。这一特性在编写代码时需要特别注意，以避免意外的值变化。
延伸问答
JavaScript的内存模型包括哪些部分？
JavaScript的内存模型包括调用栈和内存堆。
调用栈的主要功能是什么？
调用栈管理函数调用和存储原始数据类型，采用先进后出（FILO）的方式组织函数调用。
内存堆与调用栈有什么区别？
内存堆存储非原始数据类型（如数组和对象），允许数据动态增长，而调用栈存储原始数据类型并管理函数调用。
什么是垃圾回收，JavaScript是如何处理的？
垃圾回收是JavaScript的自动内存管理过程，使用标记清扫算法清理未引用的内存地址。
内存泄漏的常见原因有哪些？
内存泄漏的常见原因包括全局变量、未移除的事件监听器和未清除的setInterval函数。
使用const声明的变量有什么限制？
使用const声明的变量不能重新赋值，但可以修改数组和对象的内部项。
