1、題目

<span style="background-color: rgb(255, 255, 255);"><span style="font-size:14px;">/*
*面試官給的原題目如下：
*執行mytest()後，控制檯輸出內容是_____
*function mytest() {
*    for(var i = 0; i < 5; i ++)
*        setTimeout(console.log(i),0);
*}
*但這應該不是面試官的問題，當時我也沒有發現問題，回來測試後才發現，這個函式不是
*面試官要表達的意思。
*/
//正確的程式碼如下：
function mytest() {
    for(var i = 0; i < 5; i ++)
        setTimeout(function(){
            console.log(i);
        },0);
}</span></span>
 

2、分析

我的回答是：控制檯輸出為5 5 5 5 5，雖然答案對了，但是解釋就太牽強了，我說是因為for語句之執行速度比setTimeout函式快，面試笑了笑，嗚嗚~~（這有毛關係）。
後來網上找了一些資料，參考了一些書籍，這裡我給出一個靠譜的解釋：

首先，我們必須承認，js是單執行緒的，即使是對於ajax非同步方式或者像setTimeout這樣的函式。

其次，我們要理解js函式的執行過程，對於setTimeout這樣的函式來說並不是每次都能按照預定延遲的時間執行指定函式的。下面舉一個列子：

比如有一個函式fun0在執行開始時建立了一個定時器T1，T1定時器將在200ms後被觸發指定函式。這時我們需要考慮一個問題，假設fun0的執行時間為250ms（大於200ms），那將會怎樣？前面已經說過，js是單執行緒的，所以不存在fun0和定時器同時執行的情況。這時候定時器制定的函式會在fun0執行完後才執行，定時器的等待時間為250ms，並不是我們指定的200ms。

對於這樣的執行方式，我們可以想象在函式執行過程中有兩個佇列。佇列Q1是指執行佇列，每次只能執行一個函式；佇列Q2就是等待佇列，存放著將要執行的函式。每當有一個函式要執行時，就會先把這個函式放進等待佇列，如果Q1為空，那麼久立即執行這個函式。當然在大多數情況下，函式都是立即執行的。

因此，我們可以知道，setTimeout定時器指定的函式必須要在當前執行佇列為空時才會執行。

現在我們再來分析一下上面那道題，很顯然，每次的for迴圈都觸發了一個定時函式，這些定時函式有點特殊，是立即執行的（如果執行佇列為空的話）。但是在每次觸發時，for迴圈都還未結束，也就是執行佇列不為空，此時新建的定是函式只能放在等待佇列裡無法立即執行。當最後一次for迴圈執行結束後，執行佇列變為空，這時等待佇列的函式就立即進入到了執行佇列，於是就開始執行只控制檯輸出。因為setTimeout指定的匿名函式中i的值是一種引用值（自行谷歌腦補），

源引：http://www.suchso.com/projecteactual/js-setTimeout-mianshiti.html