内存空间分类
栈(stack)内存: 固定分配、大小固定的内存空间,由系统自动释放;
堆(heap)内存 : 动态分配、大小不定的内存空间,不会自动释放。
变量与栈内存&堆内存
与需要手动管理内存的语言不同,JavaScript在创建变量时自动进行了内存分配,并且在不使用它们时自动释放。
在JavaScript中,变量的数据类型分为:基本类型和引用类型。
- 基本类型 (Null、Undefined、Boolean、Number、String、Symbol、BigInt): 占据空间小、大小固定,保存在栈内存,按值来访问。
- 引用类型 (Object,Function,Array等):占据空间大、大小不固定, 栈内存中存放地址指向堆内存中的对象,按引用访问的。
闭包与堆内存
闭包例子:
function A() {
let a = 1;
function B() {
console.log(a);
}
return B;
}
let res = A();
当一个局部变量被当前函数之外的其他函数所引用(也就是发生了逃逸),此时这个局部变量就不能随着当前函数的返回而被回收,那么这个变量就必须储存在堆内存中。其实现原理是通过JS引擎逃逸分析机制判别变量动态作用域,最终决定变量是需要存储在栈内存还是堆内存中。
注:闭包会让内存常驻,滥用闭包会导致内存泄漏。
参考资料:(建议进入参考资料了解更多细节)
JavaScript 内存详解 & 分析指南