for(var i=0;i<10;i++){
  setTimeout(function(){console.log(i);},0);
}

第一問，運(yùn)行以上代碼會輸出什么？
第二問，怎么修改代碼才能輸出0,1,2...9？

1. 最后會輸出10,10,10...10,這是因?yàn)閭魅氲幕卣{(diào)函數(shù)形成了一個(gè)閉包，會引用全局對象中的i，而閉包只能取得包含函數(shù)中任何變量的最后一個(gè)值，這里循環(huán)運(yùn)行結(jié)束時(shí)i的值為10，因此最后輸出的全都是10。
   　　而這里還有一個(gè)知識點(diǎn)就是，setTimeout是異步的，所以調(diào)用setTImeout時(shí)會將傳入的回調(diào)函數(shù)放入事件隊(duì)列中，等到主程序運(yùn)行完成后才執(zhí)行回調(diào)函數(shù)。我們可以把代碼改成這樣：

for(var i=0;i<10;i++){
  setTimeout(function(){console.log(i);},0);
}
console.log('done');

輸出結(jié)果為先輸出done再執(zhí)行回調(diào)函數(shù)，也就是等到主程序運(yùn)行完成后才會執(zhí)行回調(diào)函數(shù)。

2. 修改的方法有兩種：
   （1）使用即時(shí)運(yùn)行函數(shù)，將i通過參數(shù)傳遞，拷貝一份到外部函數(shù)作用域中：

for(var i=0;i<10;i++){
  setTimeout(function(i){
      return function(){console.log(i)}
    }(i),0);
}

(2)使用es6在塊級作用域有效的let聲明變量：

for(let i=0;i<10;i++){
  setTimeout(function(){console.log(i)},0);
}

在這里，變量i只在塊級作用有效，因此每次循環(huán)都是一個(gè)新的的變量i，而每個(gè)循環(huán)中的變量i的塊級作用域因?yàn)榇嬖谟陂]包的作用域鏈中，所以不會銷毀，即保存了變量i的一個(gè)副本。
　　如果每一輪循環(huán)的變量i都是重新聲明的，那它怎么知道上一輪循環(huán)的值，從而計(jì)算出本輪循環(huán)的值？這是因?yàn)?JavaScript 引擎內(nèi)部會記住上一輪循環(huán)的值，初始化本輪的變量i時(shí)，就在上一輪循環(huán)的基礎(chǔ)上進(jìn)行計(jì)算。