【初心者向け】JavaScriptの変数の宣言とスコープを超わかりやすく解説！let・const・varの違いも図解付き

🧠 JavaScriptの変数宣言とは？

JavaScriptでは、データを一時的に保存しておくために「変数」を使います。変数は以下の3つの方法で宣言できます：

• const：再代入不可（ブロックスコープ）
• var：再代入OK（関数スコープ）※非推奨

---

📌 それぞれの違いを表で整理

---

スコープとは、「変数が使える範囲」のことです。

• ブロックスコープ： { } の中だけで有効（let, const）
• 関数スコープ： 関数内でのみ有効（var）
• グローバルスコープ： どこでも使える

---

🔍 実際のコードで見てみよう

✅ let と const のブロックスコープ

{
  let a = 1;
  const b = 2;
}
console.log(a); // エラー
console.log(b); // エラー

→ ブロック外では使えないため、エラーになります。

⚠️ var の関数スコープの落とし穴

if (true) {
  var x = 5;
}
console.log(x); // 5（使えてしまう）

→ var はブロックを無視して関数全体で使えるため、思わぬバグを生みます。

---

💡 まとめ

• let：通常の変数に使う
• const：変更しない値に使う
• var：使わない（古い書き方）
• 変数はどこで使えるか（スコープ）を意識しよう

---

🚀 次に読むと理解が深まる関連記事

その他初心者向けの解説記事はこちら→プログラミング備忘録