【javascript】for文でのletとvarの違い

Question

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

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

この二つの違いがよくわかりません。
お願いします。。

Comments

[kei344]

質問文のコードが両方 let になっています。

[退会済みユーザー]

違いなしw

[YamasakiRintaro]

修正しました、、ありがとうございます！

Answer 1

var (関数スコープ)

console.log(i); // undefined (変数の巻き上げ)
for (var i = 0;i < 10; i++){
 console.log(i); // 0 -> 1 -> 2 -> 3 -> 4 -> 5 -> 6 -> 7 -> 8 -> 9
}
console.log(i); // 10

let (ブロックスコープ)

console.log(i); // ReferenceError: i is not defined
for (let i = 0;i < 10; i++){
 console.log(i); // 0 -> 1 -> 2 -> 3 -> 4 -> 5 -> 6 -> 7 -> 8 -> 9
}
console.log(i); // ReferenceError: i is not defined

変数の巻き上げ (Variable hoisting)

変数の巻き上げは下記スレッドが参考になると思います。

• JavaScript - 関数と変数の巻き上げの違いとは(33002)｜teratail

Re: YamasakiRintaro さん

Comments

[YamasakiRintaro]

ありがとうございます！

Answer 2

こちらをどうぞ
letとvarの違い

Comments

[YamasakiRintaro]

ありがとうございます！