1
for (var i = 1; i <=5; i++){ setTimeout(function timer() { console.log(i); }, i*1000); }//輸出五次6
2
for (let i = 1; i <=5; i++){ setTimeout(function timer() { console.log(i); }, i*1000); } //輸出1,2,3,4,5
3
for (var i = 1; i <=5; i++){ (function () { var j = i; setTimeout(function timer() { console.log(j); }, j*1000); })(i);} //輸出1,2,3,4,5
4
改進(jìn)這段代碼
for (var i =1; i<=5; i++){ (function (j) { setTimeout(function timer() { console.log(j); }, j*1000); })(i);}
代碼1中到底有什么缺陷導(dǎo)致它的行為同語義所暗示的不一致呢？
缺陷是我們?cè)噲D假設(shè)循環(huán)中的每個(gè)迭代在運(yùn)行時(shí)都會(huì)給自己“捕獲”一個(gè)i的副本，但是根據(jù)作用域的工作原理，實(shí)際情況是盡管循環(huán)中的五個(gè)函數(shù)實(shí)在各個(gè)迭代中分別定義的，但是他們都被封閉在一個(gè)共享的全局作用域中，因此實(shí)際上只有一個(gè)i.