プログラミングを始めたばかりの時、一番最初にぶつかる壁が「なぜか変数の値が正しく読み取れない」という現象ではないでしょうか。その原因の多くは「スコープ」という概念にあります。今回は、JavaScriptのスコープについて、初心者の方にも分かりやすく解説します。
スコープとは「変数の有効範囲」のこと
スコープを一言で表すと、その変数が「どこからどこまでアクセスできるか」という住所のようなものです。JavaScriptには大きく分けて「グローバルスコープ」と「ブロックスコープ」の2種類があります。
グローバルスコープ：どこからでも見える場所
プログラムの最も外側で宣言された変数は、どこからでも自由に呼び出すことができます。しかし、何でもかんでもここに書いてしまうと、プログラムが大きくなった時に「どの変数がどこで使われているか」が分からなくなり、バグの温床になります。これを「グローバル汚染」と呼びます。
ブロックスコープ：{}（波括弧）の中に守られた場所
現代のJavaScriptでは、let や const を使って変数を宣言するのが基本です。これらを使うと、{ }（波括弧）で囲まれた範囲内だけで有効な変数が作れます。
例えば、if文やfor文の中などで宣言した変数は、その外側からは呼び出せません。
具体的な事例で見てみよう
実際にコードをイメージしてみましょう。
{
const message = “こんにちは”;
console.log(message); // ここでは表示される
}
console.log(message); // ここではエラーになる！
なぜエラーになるのでしょうか。それは、messageという変数が「最初の波括弧の中」という限られた世界（ブロックスコープ）にしか存在しないからです。外の世界からは、その変数は「存在しないもの」として扱われます。
なぜこのルールが大切なのか
初心者のうちは「全部グローバルでいいのでは？」と思うかもしれません。しかし、スコープを意識することで、「他の場所で使っている変数と名前が衝突しない」という大きなメリットが生まれます。
例えば、別の人が書いたプログラムと自分のプログラムを組み合わせる時、スコープが守られていれば、同じ変数名を使っていてもお互いに影響を与えません。
まとめ：変数は「必要な場所にだけ」置こう
スコープを理解するコツは、「できるだけ狭い範囲で変数を宣言する」という意識を持つことです。必要以上に広い範囲にさらさないことで、プログラムはより安全で、読みやすく、間違いの少ないものになります。
まずは、let や const を使って、波括弧の中に変数を閉じ込める練習から始めてみてください。それが、中級者への第一歩です！