關於javascript的事件執行機制理解

理解javascript事件執行機制

眾所周知，js是一個單線程的語言，這意味著同一時間只能做一件事，但是我們又說js是非同步的。首先，單線程並不是沒有優點。作為瀏覽器腳本語言，JavaScript 的主要用途是與用戶互動，以及操作 DOM。這決定了它只能是單線程，否則會帶來很複雜的同步問題。比如，假定JavaScript 同時有兩個線程，一個線程在某個 DOM 節點上添加內容，另一個線程刪除了這個節點，那最後應該以哪個為準呢？ 所以，為了避免複雜性，從一誕生，JavaScript 就是單線程，這已經成了這門語言的核心特征，將來也不會改變。

實際上，主線程只會做一件事情，就是從消息隊列裡面取消息、執行消息，再取消息、再執行。當消息隊列為空時，就會等待直到消息隊列變成非空。而且主線程只有在將當前的消息執行完成後，才會去取下一個消息。這種機制就叫做事件迴圈機制，取一個消息並執行的過程叫做一次迴圈 。就如圖所示一樣

如果說js只有一個主線程，那麼它應該有三個輔助的子線程，分別為事件處理線程、http網路請求線程、定時器處理線程。這些線程就是實現js非同步的關鍵，比如主線程內有程式正在運行，這個時候後面有一個定時器在等待，那麼主線程肯定不會檢測這個定時器的時間是否達到要求的，這樣會消耗性能和時間，所以就交給定時器處理線程，當setTimeout的時間達到時，它就會把這個定時器里的函數（其實這就是回調函數了）放到任務隊列里，當主線程把執行棧中的任務都執行完以後，執行棧為空了，就會從任務隊列里找，執行裡面的回調，如此迴圈往複，這就是時間迴圈。由於執行任務還是只有一個主線程可以做，所以有時候即使定時器觸發的事件已經到了，但是它的回調函數也只能在任務隊列中等待，這導致最後函數觸發的事件往往比設置的時間長，這也是我們說定時器準確度不高的原因。