js--事件循環,異步,事件隊列

首先,現附上我查找資料中用到較好的一張圖:

這裏面就對事件循環,任務隊列,異步操做介紹的很詳細.

個人理解:

較爲粗略的一張圖:

我認爲的事件循環的主要邏輯:

1.取一個宏任務來執行,執行完畢,下一步.

2.取一個微任務來執行,執行完畢,再取一個微任務來執行,直到微任務所有取完.

3.更新UI渲染

概念:

宏任務與微任務

宏任務: script setTimeOut, setInterval, setImmediate, i/o, ui rending

    微任務:process .nextTick promise.then() object.observe, mutationObserver