機能範囲を理解する

Question

JavaScriptにコードがあります。私はa[2]()を呼び出す場合

var a = []; 

for (var i = 0; i < 5; i++) { 
    a[i] = function() { 
     alert(i); 
    }; 
} 

a[2](); 

私は2でメッセージを見ることを期待これに代えて、私は5を参照してください。

は、私はこのようにそれを書き換えることができ、それを修正するには、次の

for (var i = 0; i < 5; i++) { 
    (function (v) { 
     a[i] = function() { 
      alert(v); 
     } 
    })(i) 
} 

しかし、私はそれが動作しない方法を理解することはできません。だからなぜ私の関数コードを閉じてラップする必要がありますか？

Answer 1

クロージャ付きの自己呼び出し関数は、スコープを作成するのに適しています。

var a = []; 
 

 
for (var i = 0; i < 5; i++) { 
 
    a[i] = (function() { 
 
     var j = i; 
 
     return function() { 
 
      alert(j); 
 
     } 
 
    }(i)); 
 
} 
 

 
a[2]();