JS进阶丨01. 内存空间详解

大纲：JS中并没有严格意义上区分栈内存与堆内存

三种数据结构：堆(heap)，栈(stack)与队列(queue)

 

一、栈(stack)：栈数据结构栈空间先进后出，后进先出

应用：执行上下文的执行顺序  借用了栈数据结构的存取方式

 

二、队列(queue)：是一种先进先出（FIFO）的数据结构

应用：事件循环（Event Loop）的机制

 

三、堆(heap)：堆数据结构是一种树状结构。

它的存取数据的方式，则与书架与书非常相似。

好比在JSON格式的数据中，
我们存储的key-value是可以无序的，
因为顺序的不同并不影响我们的使用

 

---

四、变量对象与基础数据类型

1.  JS的执行上下文生成之后，会创建变量对象，JS的基础数据类型会保存在变量对象。

2. 变量对象也是存放于堆内存中，但由于变量对象的特殊职能，
我们在理解时仍然需要将其于堆内存区分开来。

3.  基础数据类型：Undefined、Null、Boolean、Number、String
     ES6中新加了一种基础数据类型Symbo

---

五、引用数据类型与堆内存

Array、Object、function

1.  JS不允许直接访问堆内存中的位置，不能直接操作对象的堆内存空间。

2.  在操作对象时，实际上是在 操作对象的引用 ，不是实际的对象。
     引用类型的值都是按引用访问的：保存在变量对象中的一个地址，该地址与堆内存的实际值相关联；

---

六、内存空间管理

JS的内存生命周期

1. 分配你所需要的内存

2. 使用分配到的内存（读、写）

3. 不需要时将其释放、归还

案例：
var a = 20;  // 在内存中给数值变量分配空间
alert(a + 100);  // 使用内存
a = null; // 使用完毕之后，释放内存空间

---

1.  局部变量容易判断并回收：
     在局部作用域中，当函数执行完毕，局部变量没有存在的必要，垃圾收集器很容易做出判断并回收。

2.  全局变量尽量避免使用：
     全局变量什么时候需要自动释放内存空间则很难判断，
     在开发中，尽量避免使用全局变量。

标记清除法：标记清除的算法来找到哪些对象是不再继续使用的，

操作方式：a = null  其实仅仅只是做了一个释放引用的操作，

实现原理：
让 a 原本对应的值失去引用，脱离执行环境，
这个值会在下一次垃圾收集器执行操作时被找到并释放。