小編給大家分享一下JavaScript中promise和setTimeout執(zhí)行順序是什么，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

我們提供的服務有：成都網站設計、網站建設、微信公眾號開發(fā)、網站優(yōu)化、網站認證、西峰ssl等。為成百上千企事業(yè)單位解決了網站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術的西峰網站制作公司

promise為es6引進的語言標準，為異步編程的一種解決方案；

閱讀此文的前提是了解瀏覽器event loop的機制，還有promise的基本用法和特性，比如他自執(zhí)行特性、狀態(tài)不可逆特性等

拋出問題

且看下面代碼和問題

setTimeout(function(){console.log(1)},0);
new Promise(function(resolve){
    console.log(2)
    for( var i=0 ; i<10000 ; i++ ){
        i==9999 && resolve()
    }
    console.log(3)
}).then(function(){
    console.log(4)
});
console.log(5);
// 這的問題是，為什么答案是 2 3 5 4 1
// 而不是 2 3 5 1 4

既然promise.then和setTimeout都是異步的，那么在事件循環(huán)隊列中  promise.then的事件應該排在setTimeout后面，那為什么promise.then卻在setTimeout前面被打印了出來？

重要概念

event loop 的概念

• Javascript是單線程的，所有的同步任務都會在主線程中執(zhí)行。

• 當主線程中的任務，都執(zhí)行完之后，系統(tǒng)會 “依次” 讀取任務隊列里的事件。與之相對應的異步任務進入主線程，開始執(zhí)行。

• 異步任務之間，會存在差異，所以它們執(zhí)行的優(yōu)先級也會有區(qū)別。大致分為 微任務（micro task，如：Promise、MutaionObserver等）和宏任務（macro task，如：setTimeout、setInterval、I/O等）。

• Promise 執(zhí)行器中的代碼會被同步調用，但是回調是基于微任務的。

• 宏任務的優(yōu)先級高于微任務

• 每一個宏任務執(zhí)行完畢都必須將當前的微任務隊列清空

• 第一個 script 標簽的代碼是第一個宏任務

• 主線程會不斷重復上面的步驟，直到執(zhí)行完所有任務。

我的理解

我們來捋一遍代碼的執(zhí)行過程，

所有的代碼都寫在script標簽中，所以讀取所有代碼是第一個宏任務，我們開始執(zhí)行第一個宏任務。

我們首先遇到setTimeout，他是第二個宏任務，將它扔進宏任務事件隊列里先排隊。

下來我們遇到promise，promise執(zhí)行器里的代碼會被同步調用，所以我們依次打印出2和3。

下來遇到promise的回調，他是一個微任務，將它扔進微任務事件對列中。

下來我們接著打印出5，然后執(zhí)行微任務并且打印出4.

我們第一個宏任務執(zhí)行完畢，執(zhí)行下一個宏任務，打印出1，到此，所有任務都執(zhí)行完畢。

所以我們最后的結果為2 3 5 4 1。

看完了這篇文章，相信你對JavaScript中promise和setTimeout執(zhí)行順序是什么有了一定的了解，想了解更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

網站欄目：JavaScript中promise和setTimeout執(zhí)行順序是什么
URL地址：http://chinadenli.net/article2/pijsic.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、網站設計公司、外貿建站、云服務器、網站營銷、用戶體驗

廣告

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