[toc] #### 任務隊列： 1.Js是**單線程**的，只有一個調用棧，按照先入先出的規則進行， 2.執行調用棧的時候會先執行同步任務 3.遇到異步任務會先放到**異步任務隊列**中，異步任務隊列包括宏任務和微任務 4.DOM的渲染也是一種任務，如果script標簽在dom之前，就會等待script內容加載完再渲染 #### 宏任務 1.新程序或子程序被直接執行：如 script 標簽中的代碼 2.事件的回調函數：如鼠標點擊的觸發事件，里面的回調函數就會被添加到宏任務隊列 3.setInterval和setTimeout, setImmediate(只有ie支持) ``` setTimeout不一定是馬上添加到任務隊列， 定時器有專門的定時器加載模塊，等定時器執行完了，會立即放到宏任務隊列 但是setTimeout(() =>{}, 0)這種時間為0的會立即放到定時器模塊 ``` 4.UI rendering 等 #### 微任務 1.Promise.then().catch().finally() 2.MutationObserver 3.Object.observe 4.nodejs中的process.nextTick() #### 事件循環event loop 1.event loop會先清空了調用棧， 2.再先執行微任務隊列中的任務，把微任務隊列的任務清空 3.再去執行宏任務