問題描述

最近在讀阮一峰老師的ES標(biāo)準(zhǔn)入門，讀到第一章的時(shí)候提到了一段代碼

var a = [];for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); };}a[6](); // 10

這里用let就可以解決這個(gè)問題，但是如果用ES5的方法呢？IIFE可以做到，不過是立即打印出來。

問題解答

var a = []; for(var i = 0; i < 10; i++) {+function(i){ a[i] = function() {console.log(i); }}(i); };a[6](); // 6

閉包問題

可以利用 自定義屬性var a = [];for (var i = 0; i < 10; i++) {

var a[i].n = i;//自定義一個(gè)屬性 n a[i] = function () { console.log(this.n); };

}a[6](); // 6

這個(gè)不關(guān)let什么事，我想提問者應(yīng)該是想要輸出6吧？

但是你這提出來的問題，感覺和你想要的完全不搭邊啊，我想幫你改提問描述也有點(diǎn)無能為力啊……

這其實(shí)是閉包的問題，主要，我們先分析下為什么會(huì)輸出10：

var a = [];for(var i = 0; i < 10; i++) { a[i] = function () {console.log(i); };}a[6](); // 10

for里面的i的作用于是整個(gè)外部區(qū)域，所以，當(dāng)調(diào)用a[6]()的時(shí)候，其實(shí)運(yùn)行的是console.log(i)，而此時(shí)因?yàn)榕芡暄h(huán)，i的值是10，所以輸出10。

至于提問者說的，let可以解決，是因?yàn)椋琭or里面，let聲明的變量，作用于只在for內(nèi)部，所以，不會(huì)因?yàn)檠h(huán)跑完而使得i在全局作用域中為10。

其實(shí)，這個(gè)問題真正考察的應(yīng)該是閉包。

var a = [];for(var i = 0; i < 10; i++) { (function() {[i] = function () { console.log(i);} })(i);}a[6]();

閉包的作用，類似于之前l(fā)et的作用，是將局部的變量相互隔離開而不至于污染外部的變量值，每一個(gè)閉包內(nèi)，都是一個(gè)獨(dú)立的區(qū)域，而閉包傳參只用于閉包內(nèi)部使用，所以也可以實(shí)現(xiàn)輸出6的結(jié)果。

可以采用閉包的方式http://www.softwhy.com/articl...這個(gè)文章的后半部分已經(jīng)解釋了你的疑問