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

javascript中異步promise等的執行順序問題

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")上面的的運行結果是2431百思不得其解，為什么是2先出，setTimeout后面沒有秒數不是應該直接執行嗎？，而且3不是應該在2后面輸出嗎？為什么到4后面了？

查看完整描述

2 回答

瀟瀟雨雨

TA貢獻1833條經驗獲得超4個贊

setTimeout默認值是0，所以2先出然后不管同步還是異步，在瀏覽器端，Promise會使用MutationObserver監聽一個document.createTextNode('')，然后通過改變node.data的值來觸發observer，執行callback，而在事件循環中，MutationObserver屬于微任務，會比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();}

反對回復 2019-07-06

2 回答
0 關注
503 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

javascript中異步promise等的執行順序問題

javascript中異步promise等的執行順序問題

2 回答

添加回答