資訊專欄INFORMATION COLUMN
摘要：事件循環當進程啟動時，會創建一個循環，每個循環通過內部的觀察者來查看是否有事件需要處理，如果有就取出事件和它相關的回調函數去執行，執行完以后就進入下一個循環，如果不再有就退出進程。
前言
在學習eventloop之前，我們需要復習一下js的單線程和異步。事件循環
雖說js是單線程的，但是在瀏覽器和Node中都做了相應的處理。如瀏覽器中的web workers（工作線程），Node中的child_process（子進程）。它們的出現對大量計算的分解起到了促進作用。
當進程啟動時，Node會創建一個tick循環，每個tick循環通過內部的觀察者來查看是否有事件需要處理，如果有就取出事件和它相關的回調函數去執行，執行完以后就進入下一個循環，如果不再有就退出進程。
瀏覽器中的eventloop在瀏覽器中把異步事件放到工作線程中，避免阻塞主線程UI的渲染
console.log("進程開始")
const ajax = new XMLHttpRequest()
ajax.addEventListener("load", () => {
console.log("load")
})
ajax.addEventListener("loadend", () => {
if (ajax.readyState == 4 && ajax.status == 200) {
console.log("ajax success")
} else {
console.log("ajax success")
}
})
ajax.open("get", "http://localhost/study/html/vue.js")
ajax.send()
setTimeout(() => {
console.log("setTimeout")
}, 300)
fetch("http://localhost/study/html/demo.json",{
headers: {
"content-type": "application/json"
}
}).then(res => {
console.log("fetch")
})
let i = 0
while(i < 10000) {
i++
}
console.log(i)
console.log("進程結束")
從結果可以看出三種異步處理不阻塞主線程代碼的執行，而ajax、fetch、setTimeout根據代碼處理結束的先后來執行回調函數。Nodejs中的eventloop
Node中的事件循環根據觀察者的優先級來執行，同一個循環內的process.nextTick -> setTimeout -> setImmediate
setTimeout(() => {
console.log("setTimeout")
}, 0)
setImmediate(() => {
console.log("setImmediate1")
process.nextTick(() => {
console.log("setImmediate1 插入nextTick")
})
})
setImmediate(() => {
console.log("setImmediate2")
})
process.nextTick(() => {
setTimeout(() => {
console.log("nextTick1 setTimeout")
}, 100)
console.log("nextTick1")
})
process.nextTick(() => {
console.log("nextTick2")
})
console.log("正常執行")
總結
事件循環的執行特點，源于利用單線程，遠離多線程死鎖、狀態同步等問題；利用異步讓單線程遠離阻塞，以更好的使用CPU。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/113753.html
摘要：事件循環當進程啟動時，會創建一個循環，每個循環通過內部的觀察者來查看是否有事件需要處理，如果有就取出事件和它相關的回調函數去執行，執行完以后就進入下一個循環，如果不再有就退出進程。 前言 在學習eventloop之前，我們需要復習一下js的單線程和異步。雖說js是單線程的，但是在瀏覽器和Node中都做了相應的處理。如瀏覽器中的web workers（工作線程），Node中的child_...
摘要：事件循環當進程啟動時，會創建一個循環，每個循環通過內部的觀察者來查看是否有事件需要處理，如果有就取出事件和它相關的回調函數去執行，執行完以后就進入下一個循環，如果不再有就退出進程。 前言 在學習eventloop之前，我們需要復習一下js的單線程和異步。雖說js是單線程的，但是在瀏覽器和Node中都做了相應的處理。如瀏覽器中的web workers（工作線程），Node中的child_...
摘要：隨著狀態發生變化，相應的產生。這些被轉發到中的來采取相應的操作。當收到數據或相關的狀態改變時，這些方法被調用，這些方法和的生命周期密切相關。主要由一系列組成的。采用的線程模型，在同一個線程的中處理所有發生的事。 「博客搬家」 原地址: 簡書 原發表時間: 2017-05-05 學習了一段時間的 Netty，將重點與學習心得總結如下，本文主要總結ChannelHandler 及 E...
摘要：現實中是這樣的執行結果為結果告訴我們，是單線程沒錯，不過不是逐行同步執行。搜索了很多官方個人博客得到了一堆詞引擎主線程事件表事件隊列宏任務微任務，徹底懵逼。。。以此規則不停的執行下去就是我們所聽到的事件循環。 都知道javascript是單線程，那么問題來了，既然是單線程順序執行，那怎么做到異步的呢？ 我們理解的單線程應該是這樣的，排著一個個來，是同步執行。 showImg(https...
閱讀 766·2023-04-25 17:33
閱讀 3626·2021-07-29 14:49
閱讀 2480·2019-08-30 15:53
閱讀 3435·2019-08-29 16:27
閱讀 2000·2019-08-29 16:11
閱讀 1030·2019-08-29 14:17
閱讀 2432·2019-08-29 13:47
閱讀 2016·2019-08-29 13:28
