今さら聞けないJavaScriptの変数宣言：var, let, const の違いと使い分け

var：関数スコープで巻き上げ（hoisting）される旧式の宣言方法

var はES5以前から存在する変数宣言方法で、現在でも互換性のために使われることがありますが、原則として新規のコードでは非推奨です。

特徴

• 関数スコープ（ブロックスコープではない）
• 巻き上げ（hoisting）される：宣言のみがスコープの先頭に移動する
• 再宣言・再代入が可能

サンプルコード

function example() {
    console.log(a); // undefined（エラーではない）
    var a = 10;
    console.log(a); // 10
}
example();

上記は、var a の宣言が関数の先頭に巻き上げられた結果、最初の console.log は undefined になります。

let：ブロックスコープで再代入可能な安全な宣言

let はES6で導入され、var に代わる基本的な変数宣言方法です。

特徴

• ブロックスコープ（{} で囲まれた範囲内）
• 巻き上げされるが初期化されないため、使用前にエラーになる
• 再代入は可能、再宣言は不可能

サンプルコード

{
    let x = 5;
    x = 10; // OK
    // let x = 15; // エラー：再宣言不可
    console.log(x); // 10
}

const：定数を定義するための宣言（再代入不可）

const は、値を変更しない変数を宣言する際に使用します。読み取り専用として扱われます。

特徴

• ブロックスコープ
• 再代入・再宣言不可
• オブジェクトや配列のプロパティの変更は可能

サンプルコード

const y = 10;
// y = 20; // エラー：再代入不可

const arr = [1, 2, 3];
arr.push(4); // OK：配列の中身は変更可能
console.log(arr); // [1, 2, 3, 4]

使い分けの指針とベストプラクティス

• 原則は const を使う：意図しない再代入を防ぐため
• 値が変わる予定がある場合のみ let を使う
• var は使わない（レガシーコードのみに）

実践例：

// 状態が変わる変数（例：カウンター）
let count = 0;
count++;

// 変更しない定数（例：設定値）
const MAX_LIMIT = 100;

// 関数スコープが不要な場面で var を使う理由はない

まとめ：var, let, const の違いと使い分け方を理解しよう

変数宣言の意図を明確にすることで、より堅牢で読みやすいコードを目指しましょう。