1. 程式人生 > >js --- 執行機制

js --- 執行機制

循環 gpo 可執行 pad loop 同步任務 16px 觸發 pos

1. JS為什麽是單線程的?

 JS最初被設計用在瀏覽器中,那麽想象一下,如果瀏覽器中的JS是多線程的。

那麽現在有2個進程,process1 process2,由於是多進程的JS,所以他們對同一個dom,同時進行操作。
process1 刪除了該dom,而process2 編輯了該dom,同時下達2個矛盾的命令,瀏覽器究竟該如何執行呢?
2 JS為什麽需要異步?
如果JS中不存在異步,只能自上而下執行,如果上一行解析時間很長,那麽下面的代碼就會被阻塞。
對於用戶而言,阻塞就意味著"卡死",這樣就導致了很差的用戶體驗
3 JS單線程又是如何實現異步的呢?

  是通過的事件循環(event loop),理解了event loop機制,就理解了JS的執行機制。

  console.log(1)
  setTimeout(function(){
      console.log(2)
},
0) console.log(3)

 運行結果是:1 3 2
也就是說,setTimeout裏的函數並沒有立即執行,而是延遲了一段時間,滿足一定條件後才去執行的,這類代碼,我們叫異步代碼。

按照這種分類方式:JS的執行機制是:

  • 首先判斷JS是同步還是異步,同步就進入主進程,異步就進入event table

  • 異步任務在event table中註冊函數,當滿足觸發條件後,被推入event queue

  • 同步任務進入主線程後一直執行,直到主線程空閑時,才會去event queue中查看是否有可執行的異步任務,如果有就推入主進程

js --- 執行機制