首頁猿問 javascript中異步prom...

javascript中異步promise等的執(zhí)行順序問題

JavaScript

千萬里不及你 2019-07-06 23:40:59

下面的一段JS代碼setTimeout(function(){console.log("1")});newPromise(function(resolve){console.log("2")resolve();}).then(function(){console.log("3")})console.log("4")上面的的運行結(jié)果是2431百思不得其解，為什么是2先出，setTimeout后面沒有秒數(shù)不是應(yīng)該直接執(zhí)行嗎？，而且3不是應(yīng)該在2后面輸出嗎？為什么到4后面了？

查看完整描述

2 回答

瀟瀟雨雨

TA貢獻1833條經(jīng)驗獲得超4個贊

setTimeout默認值是0，所以2先出然后不管同步還是異步，在瀏覽器端，Promise會使用MutationObserver監(jiān)聽一個document.createTextNode('')，然后通過改變node.data的值來觸發(fā)observer，執(zhí)行callback，而在事件循環(huán)中，MutationObserver屬于微任務(wù)，會比setTimeout先運行es6-promiseasap.jsconstBrowserMutationObserver=browserGlobal.MutationObserver||browserGlobal.WebKitMutationObserver;functionuseMutationObserver(){letiterations=0;constobserver=newBrowserMutationObserver(flush);constnode=document.createTextNode('');observer.observe(node,{characterData:true});return()=>{node.data=(iterations=++iterations%2);};}if(isNode){scheduleFlush=useNextTick();}elseif(BrowserMutationObserver){scheduleFlush=useMutationObserver();}elseif(isWorker){scheduleFlush=useMessageChannel();}elseif(browserWindow===undefined&&typeofrequire==='function'){scheduleFlush=attemptVertx();}else{scheduleFlush=useSetTimeout();}