JS之事件循环

JS运行的环境叫宿主环境
执行栈：call stack，一个数据结构，用于存放函数的执行环境，没一个函数执行之前，他的相关信息会加入到执行栈。函数调用之前，创建执行环境，然后加入到执行栈，函数调用之后，销毁执行环境

---

JS执行引擎永远执行栈的最顶部

---

异步函数：等到时机到了在执行，比如事件处理函数。异步函数执行的时机，会被宿主环境控制。

---

浏览器宿主环境中有5个线程：
1.JS引擎：负责执行执行栈的最顶部代码
2.GUI线程：负责渲染页面
3.事件监听线程：负责监听各种事件
4.计时线程：负责计时
5.网络线程：负责网络通信

当上面的线程发生了某些事情，如果该线程发现，这件事情有处理程序，他会将该程序加入到一个事件队列的内存。当JS引擎发现，执行栈中已经没有任何内容后，会将事件队列的第一个函数加入到执行栈中执行。

JS引擎对事件队列的去除执行方式，以及与宿主环境的配合，称之为事件循环。

---

JS中是否可能有一个函数，执行过程被其他函数打断？
不可能

---

Promise构造函数传递的函数会被立即执行。
resolve调用后，把任务标记为成功，可以通过Promise对象的then函数注册处理程序，该程序会在任务标记成功后执行，该函数的执行时异步的。

---

事件队列在不同的宿主环境中会有所差异，大部分宿主环境会将事件队列进行细分。在浏览器中事件队列分为两种：
-宏任务（队列）：计时器结束的回调，事件回调等等大多数异步函数
-微任务（队列）：Promise产生的回调

当执行栈清空后，JS引擎会将微任务先依次全部执行后，在执行宏任务。
下面的代码解读一下下：
A先进入宏队列等待，然后B,C直接执行并标记成功，B进入微队列，然后运行E，然后运行微队列中的D然后运行宏队列中的A；完美。

加一点点难度
会先输出宏队列的A 然后在输出宏队列的C 然后F到微队列然后输出F

下图输出CDFEAB