Microtasks队列

在进一步学习到promise的时候，发现当初认识的太浅，原来还存在Micritasks这东西。

基本

macrotasks == task ！= microtasks

执行他们可以简单的总结为：

1. 首先把task中的第一个任务放到stack, 并执行， 执行完毕；

2. 开始执行microtask队列中的全部任务，执行完毕

3. 下一个循环，执行下一个task中的任务，重复第二步。

我们来看一张模拟图：

Task：就是（我最开始理解的任务队列）macrotask。包含了srcipt, setTimeout, setInterval, I/O;

Microtasks： 我之前不了解的另外一个任务队列，通常有process.nextTick, promise then, Object.observer;

JS Stack: 执行栈;

上图来自这里简单易懂；

简单分析上面：

1. 读取第一个task， 也就是script里面的代码， 放入JS Stack中；

2. 打印script start;

3. 遇到setTimeout，等待0s后，把setTimeout callback放到task中，做为第二个task；

4. 遇到Promise, Promise callbacks 是microtasks 队列中的，把Prmomise then 放入microtasks队列;

5. 打印script end;

6. 把 script移出 JS Stack, 在这个task（也就是第一个task，script里面的代码）结束之前执行microtasks里的任务；

7. 把 Promise callback 放入JS stack，并开始执行；

8. 打印promise1

9. 下一个.then 也是一个microtasks，放入microtasks 队列中；

10. 第一个microtask 执行完毕，移出Microtasks队列， 读取第二个microtask，放入JS Stack中 ，打印promise2,

11. 第一个task执行完毕，把第一个task移出Tasks队列，开始读取第二个task， 也就是setTimeout callback

12. 把setTimeout callback 放入JS Stack 中开始执行；

13. 打印setTimeout;

因此最后的结果是，script start, script end, promise1, promise2, setTimeout;

请多指教。