[JavaScript] 究竟什麼是Event loop?

setTimeout(function(){console.log('delay 0 sec')}, 0)
console.log('Hello!')

JavaScript 的並行模型（concurrency model）是基於「事件循環（event loop）」。

呼叫函式（Function）會形成一個 frame 的堆疊。

function foo(b) {
  var a = 10;
  return a + b + 11;
}
function bar(x) {
  var y = 3;
  return foo(x * y);
}
console.log(bar(7));

物件被分配在一個堆積中，一個只表示記憶體中的一個無結構的大區域。

JavaScript 執行環境包含一個訊息佇列，裡面是待處理的訊息，其中每個訊息都與一個 function 相關聯。當堆疊中有足夠空間時，會從訊息佇列拿取一個訊息進行處理，處理過程包含了呼叫相關聯的 function。只有當堆疊清空時，該訊息才算是完成處理。

事件循環(Event Loop)

「零延遲」並非意味著回呼函式（callback function）會在 0 毫秒之後立刻執行。當使用延遲 0 毫秒參數來呼叫 setTimeout (en-US) 函式並非是程式會過了該段時間就會執行，而是會參考佇列中等待的訊息數量。 在下面範例中，「this is just a message」會寫在 setTimeout 的回呼訊息被執行之前，因為該時間段參數是要求執行環境處理所需的最少等待時間，而非一個保證時間。