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