本文介紹了詳解promise.then,process.nextTick, setTimeout 以及 setImmediate的執行順序，分享給大家，具體如下：

10余年的永和網站建設經驗，針對設計、前端、開發、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。營銷型網站的優勢是能夠根據用戶設備顯示端的尺寸不同，自動調整永和建站的顯示方式，使網站能夠適用不同顯示終端，在瀏覽器中調整網站的寬度，無論在任何一種瀏覽器上瀏覽網站，都能展現優雅布局與設計，從而大程度地提升瀏覽體驗。創新互聯公司從事“永和網站設計”,“永和網站推廣”以來，每個客戶項目都認真落實執行。

先舉一個比較典型的例子：

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);

這段代碼輸出的正確順序是什么？

答案是：

3 4 6 8 7 5 2 1

在解釋輸出結果之前，我們來看幾個概念：

macro-task: script (整體代碼)，setTimeout, setInterval, setImmediate, I/O, UI rendering.

micro-task: process.nextTick, Promise(原生)，Object.observe，MutationObserver

第一步.script整體代碼被執行，執行過程為

• 創建setImmediate macro-task
• 創建setTimeout macro-task
• 創建micro-task Promise.then 的回調，并執行script console.log(3); resolve(); console.log(4); 此時輸出3和4，雖然resolve調用了，執行了但是整體代碼還沒執行完，無法進入Promise.then 流程。
• console.log(6)輸出6
• process.nextTick 創建micro-task
• console.log(8) 輸出8
• 第一個過程過后，已經輸出了3 4 6 8

第二步.由于其他micro-task 的 優先級高于macro-task。

此時micro-task 中有兩個任務按照優先級process.nextTick 高于 Promise。

所以先輸出7，再輸出5

第三步，micro-task 任務列表已經執行完畢，家下來執行macro-task. 由于setTimeout的優先級高于setIImmediate，所以先輸出2，再輸出1。

整個過程描述起來像是同步操作，實際上是基于Event Loop的事件循環

關于micro-task和macro-task的執行順序，可看下面這個例子(來自《深入淺出Node.js》)：

//加入兩個nextTick的回調函數
process.nextTick(function () {
  console.log('nextTick延遲執行1');
});
process.nextTick(function () { 
  console.log('nextTick延遲執行2');
});
// 加入兩個setImmediate()的回調函數
setImmediate(function () {
  console.log('setImmediate延遲執行1'); 
  // 進入下次循環 
  process.nextTick(function () {
    console.log('強勢插入');
  });
});
setImmediate(function () {
  console.log('setImmediate延遲執行2'); 
});

console.log('正常執行');

運行這段代碼,結果是這樣：

正常執行
nextTick延遲執行1
nextTick延遲執行2
setImmediate延遲執行1
setImmediate延遲執行2
強勢插入

在新版的Node中，process.nextTick執行完后，會循環遍歷setImmediate，將setImmediate都執行完畢后再跳出循環。所以兩個setImmediate執行完后隊列里只剩下第一個setImmediate里的process.nextTick。最后輸出”強勢插入”。

關于優先級的另一個比較清晰的版本：

觀察者優先級

在每次輪訓檢查中，各觀察者的優先級分別是：

idle觀察者 > I/O觀察者 > check觀察者。

idle觀察者：process.nextTick

I/O觀察者：一般性的I/O回調，如網絡，文件，數據庫I/O等

check觀察者：setTimeout>setImmediate

總結

• 同步代碼執行順序優先級高于異步代碼執行順序優先級；
• new Promise(fn)中的fn是同步執行；
• process.nextTick()>Promise.then()>setTimeout>setImmediate。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持創新互聯。

當前名稱：詳解promise.then,process.nextTick,setTimeout以及setImmediate的執行順序
分享網址：http://vcdvsql.cn/article44/iipsee.html

成都網站建設公司_創新互聯，為您提供網站制作、全網營銷推廣、微信小程序、網站收錄、云服務器、網站設計

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯