js單線程的本質 Event Loop解析
怎么判斷是瀏覽器還是node環(huán)境？
node中window是未定義；setImmediate是定義的，在瀏覽器中未定義
timer階段：這個階段會執(zhí)行setTimeout和setInterval
check階段：執(zhí)行setImmediate
macro task [task] 宏任務 ：script（頁面代碼）、setTimeout、setInterval、I/O事件、UI交互事件（點擊事件）
micro task [job] 微任務： Promise、process.nextTick、Promise().then()
宏任務可以有多個隊列
微任務只有一個隊列
setTimeout任務之間，推遲執(zhí)行的毫秒數(shù)越小，排在隊列里面越靠前
在node里面，timers（setTimeout、setInterval）會優(yōu)先于setImmediate
setTimeout(() => {
console.log('setTimeout')
},0); // 大于1000時，會先執(zhí)行setImmediate
setImmediate（（）=> { console.log('setImmediate')}）
console.log('start');
setTimeout(function (){
console.log('timeout');
},10);
new Promise((resolve) => {
console.log('promise');
resolve()
setTimeout(() => {
console.log('Promsie中的setTimeout');
},0);
}).then(() => {
console.log('then');
});
console.log('end');
運行機制
1. 在執(zhí)行棧中執(zhí)行一個宏任務。
2. 執(zhí)行過程中遇到微任務，將微任務添加到微任務隊列中。
3. 當前宏任務執(zhí)行完畢，立即執(zhí)行微任務隊列中的任務。
4. 當前微任務隊列中的任務執(zhí)行完畢，檢查渲染，GUI線程接管渲染。
5. 渲染完畢后，js線程接管，開啟下一次事件循環(huán)，執(zhí)行下一次宏任務（事件隊列中?。?/p>
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了js手機號批量滾動抽獎實現(xiàn)代碼，s適用于年會等活動，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
常見的瀏覽器存儲方式（cookie、localStorage、sessionStorage）
今天我們從前端的角度了解一下瀏覽器存儲，我們常見且常用的存儲方式主要由兩種：cookie、webStorage（localStorage和sessionStorage）。本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友參考下吧2019-05-05
微信小程序導入Vant報錯VM292:1 thirdScriptError的解決方法
這篇文章主要給大家介紹了關于微信小程序導入Vant報錯VM292:1 thirdScriptError的解決方法，文中通過示例代碼介紹的非常詳細，對大家學習或者使用微信小程序具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-08-08
js中checkbox的使用教程(取值、賦值、判斷是否選中)
在checkbox的使用中,我們經(jīng)常遇到需要全選或者單選的情況,下面這篇文章主要給大家介紹了關于js中checkbox使用(取值、賦值、判斷是否選中)的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-07-07
在子窗口中關閉父窗口在某些特殊的情況下還是有存在的必要的，其實很簡單，只需一句代碼便可實現(xiàn)，感興趣的朋友可以了解下2013-10-10
這篇文章主要介紹了datagrid使用方法（重要）,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-11-11
這篇文章主要介紹了js實現(xiàn)有時間限制消失的圖片方法,實例分析了javascript操作setTimeout及圖片特效操作的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了自定義排序算法在JavaScript中的應用,通過自定義排序函數(shù),我們能夠精確控制數(shù)組元素的排序邏輯,從而滿足各種復雜的應用場景,需要的朋友可以參考下2024-12-12
這篇文章主要介紹了p5.js入門教程之鍵盤交互,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
javascript實現(xiàn)阻止iOS APP中的鏈接打開Safari瀏覽器
這篇文章主要介紹了javascript實現(xiàn)阻止iOS APP中的鏈接打開Safari瀏覽器,這個IOS APP一般是Web APP,否則沒法使用本文的代碼,需要的朋友可以參考下2014-06-06