js閉包和循環

function box(){
  var arr = [];
  for(var i=0;i<5;i++){
    arr[i]=function(){
      return i;
    }
  }
  return arr;
}
var b = box();
console.log(b.length);
for(var i=0;i<b.length;i++){
  console.log(b[i]())
}

 上面的程式碼會印出5個5

因為b[i]()呼叫的是匿名函數，然而匿名函數並沒有自我執行，所以等到呼叫的時候，box()已經執行完畢。 。 。 。

下面改一下：

function box(){
  var arr = [];
  for(var i=0;i<5;i++){
    arr[i]=(
      function(num){
        console.log("ccc="+num)
        return num;
      }
    )(i)
  }
  return arr;
}
var b = box();
console.log(b.length);
for(var i=0;i<b.length;i++){
  console.log(b[i])
}

執行結果：

num=0
num=1
num=2
num=3
num=4
5
0
1
2
3
4

 修改後讓匿名函數自我執行，導致最後b[i]回傳的是陣列而不再是函數了