javascript：ブロック内の変数をローカライズ

Question

私はJavascriptで可変スコープを理解しようとしています。ここで私はやっているものです：

<script> 
for (var i = 0; i < 3; i++) { 
    document.getElementById(i).onclick = function() { 
    console.log(i); 
    } 
} 
</script> 

出力は常に3である、と私はiは、参照によって保持されているので、それはです理解しています。 iをどのようにローカライズすれば増分値を記録できるのですか？

ありがとうございます！迅速でまともな応答のための

更新

みんなありがとう。ソリューションは確かに助けになります！

<script> 
for (var i = 1; i <= 3; i++) { 
    document.getElementById(i).onclick = function() { 
     console.log(logCall(i)); 
    } 
} 
function logCall(i) { 
    return i; 
} 
</script> 

をしかし、それはローカライズされていないiのようになります。

当初、私はここにある、@GrailsGuyと同様のアプローチをしようとしていました。理由を理解できません！

Answer 1

新しいスコープを作成します

for (var i = 0; i < 3; i++) { 
    (function(i) { 
    document.getElementById(i).onclick = function() { 
     console.log(i); 
    } 
    }(i)); 
} 

Answer 2

Javascriptでは、スコープは大カッコでは作成されません（Cのような構文とは異なります）。スコープは、関数で作成された、しかしので、一方向関数（更新）に呼び出しを抽出することである。

<script> 
for (var i = 0; i < 3; i++) { 
    logCall(i); 
} 

function logCall(i) { 
    document.getElementById(i).onclick = function() { 
     console.log(i); 
    } 
} 
</script> 

このもう少し再利用可能なコードを作成する追加の利点を有しています。