JS内存机制

宇雨️鱼

已于 2022-04-06 17:20:55 修改

阅读量475

点赞数

CC 4.0 BY-SA版权

文章标签： javascript

于 2022-04-06 16:41:54 首次发布

本文链接：https://blog.csdn.net/weixin_45868552/article/details/123993822

本文通过一个JS实例深入探讨了栈、堆内存的分配以及闭包中变量的存储位置。重点讲解了．操作符的优先级高于＝，以及赋值操作的右到左原则。同时阐述了闭包中变量保存在堆中而非栈中的概念，帮助理解JS内存管理机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、JS栈与堆存储小实例

var a = {n: 1};
var b = a; // b = {n : 1}
a.x = a = {n: 2};
// a.x = {n : 2}
// a = {n : 2}


console.log(a);//{ n : 2}
console.log(a.x);// undefined
console.log(b);// {n : 1, x : {n : 2}}
console.log(b.x);//2

上面这道题的两个关键：
１、．的优先级高于＝，所以先执行ａ．ｘ，所以此时ａ的值变为｛ｎ：１，ｘ：ｕｎｄｅｆｉｎｅｄ｝，然后此时ｂ的值也变为｛ｎ：１，ｘ：ｕｎｄｅｆｉｎｅｄ｝
２、赋值操作时从右到左的，此时ａ被赋值｛ｎ　：　２｝，ａ的引用就变了，然后这个返回值又赋值给了ａ．ｘ，需要注意的是这时候的ａ．ｘ是第一步中的｛ｎ：１，ｘ：ｕｎｄｅｆｉｎｅｄ｝的那个对象，其实就是ｂ．ｘ，相当于ｂ．ｘ　＝　｛ｎ：２｝

二、内存空间

JS将内存空间一般分为  
栈： 保存变量   
堆：保存复杂对象 
池： 保存常量

闭包中的变量并没有保存在栈中，而是保存在堆中