Promise的队列与setTimeout的队列有何关联？

Prmise的队列与setTimeout的队列有何关联？

setTimeout(function(){console.log(4)},0);
new Promise(function(resolve){
    console.log(1)
    for( var i=0 ; i<10000 ; i++ ){
        i==9999 && resolve()
    }
    console.log(2)
}).then(function(){
    console.log(5)
});
console.log(3);

为什么结果是：

1,2,3,5,4

而不是：

1,2,3,4,5

有一个事件循环，但是任务队列可以有多个。

整个script代码，放在了macrotask queue中，setTimeout也放入macrotask queue。

但是，promise.then放到了另一个任务队列microtask queue中。

执行过程如下：

JavaScript引擎首先从macrotask queue中取出第一个任务，
执行完毕后，将microtask queue中的所有任务取出，按顺序全部执行；
然后再从macrotask queue中取下一个，
执行完毕后，再次将microtask queue中的全部取出；
循环往复，直到两个queue中的任务都取完。

一个事件循环(event loop)会有一个或多个任务队列(task queue)
task queue 就是 macrotask queue
每一个 event loop 都有一个 microtask queue
task queue == macrotask queue != microtask queue
一个任务 task 可以放入 macrotask queue 也可以放入 microtask queue

macrotasks: script(整体代码),setTimeout, setInterval, setImmediate, I/O, UI rendering

microtasks: process.nextTick, Promises, Object.observe, MutationObserver

(process.nextTick方法可以在当前"执行栈"的尾部----下一次Event Loop（主线程读取"任务队列"）之前----触发回调函数。也就是说，它指定的任务总是发生在所有异步任务之前。setImmediate方法则是在当前"任务队列"的尾部添加事件，也就是说，它指定的任务总是在下一次Event Loop时执行，这与setTimeout(fn, 0)很像。请看下面的例子。)

代码开始执行时，所有这些代码在macrotaskqueue中，取出来执行之（script）。

后面遇到了setTimeout，又加入到macrotask queue中，

然后，遇到了promise.then，放入到了另一个队列microtask queue。

等整个execution contextstack执行完后，

下一步该取的是microtask queue中的任务了。

因此promise.then的回调比setTimeout先执行。

Event Loop

所有任务可以分成两种，一种是同步任务（synchronous），另一种是异步任务（asynchronous）。同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务指的是，不进入主线程、而进入"任务队列"（task queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。

具体来说，异步执行的运行机制如下。（同步执行也是如此，因为它可以被视为没有异步任务的异步执行。）

（1）所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）。

（2）主线程之外，还存在一个"任务队列"（task queue）。只要异步任务有了运行结果，就在"任务队列"之中放置一个事件。

（3）一旦"执行栈"中的所有同步任务执行完毕，系统就会读取"任务队列"，看看里面有哪些事件。那些对应的异步任务，于是结束等待状态，进入执行栈，开始执行。

（4）主线程不断重复上面的第三步。

只要主线程空了，就会去读取"任务队列"，这就是JavaScript的运行机制。这个过程会不断重复。

"任务队列"中的事件，除了IO设备的事件以外，还包括一些用户产生的事件（比如鼠标点击、页面滚动等等）。只要指定过回调函数，这些事件发生时就会进入"任务队列"，等待主线程读取。

所谓"回调函数"（callback），就是那些会被主线程挂起来的代码。异步任务必须指定回调函数，当主线程开始执行异步任务，就是执行对应的回调函数。

主线程首先要检查一下执行时间，某些事件只有到了规定的时间，才能返回主线程。

四、Event Loop

主线程从"任务队列"中读取事件，这个过程是循环不断的，所以整个的这种运行机制又称为Event Loop（事件循环）。

另外：

 
         setImmediate( 
         function 
         (){ 
        
         console.log(1); 
        
         },0); 
        
         setTimeout( 
         function 
         (){ 
        
         console.log(2); 
        
         },0); 
        
         new  
         Promise( 
         function 
         (resolve){ 
        
         console.log(3); 
        
         resolve(); 
        
         console.log(4); 
        
         }).then( 
         function 
         (){ 
        
         console.log(5); 
        
         }); 
        
         console.log(6); 
        
         process.nextTick( 
         function 
         (){ 
        
         console.log(7); 
        
         }); 
        
         console.log(8);

（参考前面提到的nextTick方法）

结果是：3 4 6 8 7 5 2 1