JS 執行緒 and 同步與非同步

發表於 更新於 分類於
解說js的同步與非同步

單執行緒

JS是一個單執行緒的語言，是作業系統的運行概念。
指的是程式面對多個任務時，只能一次處理一個，依序處理下去，不能同時處理多個任務。

如上圖，小明只能先吃完早餐，再打給漂亮阿姨，最後在洗碗，無法三個一起進行。多執行緒指的則是，三個任務可以同時執行。

同步(Synchronous)

指的是程式必須依照順序依序處理任務，不會直接跳到下個任務。
像這樣先完成 A 才能做 B、C、D …」的運作方式我們就會把它稱作「同步」。

非同步(Asynchronous)

凡是需要取用外部資源或是某段程式碼會延遲執行都算是非同步事件，例如：點擊 click 事件、setTimeout、串接外部 API 等等…
這種非依序執行的，都是非同步行為。

JS在執行程式碼時，是依照同步的概念，也就是依序執行。
如果遇到非同步的任務，如 setTimeout() 等會延遲執行的程式。
會先將非同步任務放到事件儲列，等所有程式跑完後，再執行事件儲列裡的任務。

如上圖， 依序執行 吃早餐 > 打給漂亮阿姨 > 洗餐盤 > 漂亮阿姨回電
其中 漂亮阿姨回電 是非同步事件 setTimeout ，所以會先放在事件儲列中，
等所有程式跑完，最後在執行。

1
2
3
4
5
for(let i=0; i<3; i++) {
  setTimeout(function() {
    console.log(i);
  }, 0)
}

上面 for 迴圈的程式屬於同步程式，setTimeout 屬於非同步。所以 for 迴圈先執行三次後，才會執行事件儲列裡的 setTimeout，此時
i 已經是 3了。