for循環中嵌套setTimeout，執行順序和結果該如何理解？

這兩天在搗鼓做用域的問題，有的時候知識這個東西真的有點像是牽一髮而動全身的感受。在理解做用域的時候，又看到了一道經典的面試題和例子題。

那就是在for循環中嵌套setTimeout延時，想一想以前面試的時候面試官問到我這個問題，然而我當時對這玩意兒根本沒有深究，沒有去理解；很是草率的回答了，面試官好心的給我

說這個涉及到setTimeout回調函數異步特性，啪啦啪啦，說的好幾句都感受暈乎了~也感受JS這個東西真的須要深刻的東西還不少，路也還很長。

直接進入主題了，先貼一段簡單的代碼：

結果是10次10。不得不說看到答案的第一眼真的魔怔啊，徹底不理解爲何是10次10；只有你多去了解JS的執行機制以後，或許心中就有答案了。因此如下是我我的在看了衆多的

網上的各位高手的看法以後，總結如下獲得的一個看法。若有歧義，歡迎各位的指正。

     首先這樣的結果須要從JS的執行機制提及。JS是單線程環境，也就是說代碼的執行是從上到下，依次執行。這樣的執行稱爲同步執行。由於種種不要浪費和節約的緣由。JS中引進了異步的機制。在這段代碼中，哪一個是同步哪一個是異步呢？for循環是同步代碼，而setTimeout中的是異步代碼。那麼JS碰到這個有同步和異步的狀況下會先從上到下執行同步代碼，碰到異步的代碼會將其插入到任務隊列當中等待。而setTimeout是延時，也就是說碰到setTimeout這個異步的代碼塊會根據它裏面的第二個參數：延時時間來將代碼插入到任務隊列當中，好比上面這段代碼中，第二個參數延時時間是0，也就是說執行到它的時候會在0ms以後將它插入到任務隊列當中。同步代碼都執行完成以後，那麼JS引擎就空閒了，這個時候就輪到任務隊列中的異步代碼依次加載了。

這是上面這段代碼的答案的一半。另外一半就來自於做用域，做用域是變量等資源的做用範圍。在這段代碼中準確的說是做用域鏈的問題，當同步代碼執行完畢開始執行異步的setTimeout代碼時，setTimeout中須要一個變量 ---i---,而執行的時候在當前的做用域中開始找，找不到變量i的定義，這個時候就把建立這個函數的做用域做爲當前做用域，再次尋找，建立這個函數的做用域就是全局做用域，也就是找到了for循環中i，找到了以後就結束尋找變量i的行程。因爲這個時候的i是全局的，並且人家已經變爲了最終形態：10，setTimeout找到的就是這個i=10；因此就輸出了10，下面的9次setTimeout 的執行都是相似，因此結果都是10；

因此我對這個答案的理解歸結起來就是  異步加載+做用域鏈。可見要理解一段看似簡單的代碼，要去學習的東西還真很多。

問題出來了，相應的就有解決方案；對於這類問題比較常見的解決方法就是 當即執行函數。它逼迫js每次循環進來的時候都會當即去執行代碼，從而保證了每一次獲得了i的副本都是不同的。貼代碼：

如上圖，獲得了想要的答案