Javascriptのスコープについて。

質問

私は何か大きな勘違いをしているでしょうか？

for(var i=0; i<10; i++){
for(var i=0; i<10; i++){
alert(i);
}
}

単純なこのサンプルで、ループは総計100回回るはずだと思うのですが、
外側ループのローカル変数であるiが、なぜか内側ループのローカル変数iと同一視され、
結果10回しか回りません。

どこがおかしいでしょうか。
比較対象として、以下を実行しました。

var i=3;
(function(){
var i = 2;
alert(i);
})();
alert(i);

結果は2, 3となりました。
スコープは機能しています。
前者はfor文だからおかしくなったのでしょうか？

・・・while文で書き下すと、あ、for文の()中で宣言するカウンタ変数というのは、該当for文のスコープの外に出ちゃっているんですね・・・。
つまり、for(var i・・・)と宣言したカウンタ変数のスコープは、for(){}のスコープではなく、その一個外に所属すると。。
こういう解釈でよいのでしょうか？よろしくお願い致します。m(_ _)m

var i=0;
while(i<10){
var i=0;
while(i<10){
alert(i);
i++;
}
i++;
}

回答No.2

yambejp · ベストアンサー

＞前者はfor文だからおかしくなったのでしょうか？

前者も同じ書式をもちいればご希望の通りとなると思いますが？

<script>
for(var i=0; i<10; i++){
(function(i){
for(var i=0; i<10; i++){
document.write(i);
}
})();
}
</script>

お礼

その手がありましたか！！参考にさせていただきます。ありがとうございました。

回答No.1

ok-kaneto

https://developer.mozilla.org/ja/docs/JavaScript/Guide/Block_Statement

JavaScriptにはブロックスコープというものがありません。
varキーワードを付けなければグローバル変数で、varをつけたものはローカル変数です。ローカル変数はどこで宣言されようが先頭で宣言したものと等価としてみなされます。

お礼

わかりました。ありがとうございます。