JavaScriptにおける変数の「宣言」と「初期化」の違いとは？

JavaScriptでは、「変数を宣言する」ことと「変数を初期化する」ことは、厳密には異なる2つの処理として扱われます。この違いを正しく理解すると、var の巻き上げ（ホイスティング）などの一見不可解な挙動も自然に説明できるようになります。

ECMAScript仕様での定義

ECMAScriptの仕様書では、変数の宣言と初期化について次のように定められています。

「var文は、実行中の実行コンテキストの VariableEnvironment にスコープされる変数を宣言する。var変数は、それを包含するレキシカル環境（Lexical Environment）がインスタンス化される際に生成され、生成された時点で undefined に初期化される。
[...]
一方、初期化子（Initializer）を持つ変数宣言によって定義された変数には、その初期化子の代入式（AssignmentExpression）の値が、変数宣言が実行されるときに代入される。つまり、変数が生成されるときではない。」

この記述から読み取れるポイントは以下の3点です。

• すべての変数は undefined という値で初期化される。
• 変数宣言は、その変数を含むレキシカル環境の初期化時点で undefined に設定される。
• この初期化は代入（アサインメント）としては機能しない。

具体例で確認する

実際のコードで動作を見てみましょう。

console.log(num); // undefined（宣言が巻き上げられ、undefinedで初期化済み）
var num = 100;    // この行が実行されて初めて値が代入される

console.log(num); // 100

1行目の時点ではまだ代入文が実行されていないにもかかわらず、エラーにならず undefined が出力されます。これは、変数の生成と初期化（undefinedの設定）はコード実行前に完了している一方で、初期化子による値の代入はその行が実際に実行されたときに行われるためです。

let / const との違い

let や const でも変数は生成時に undefined で初期化されますが、宣言文が実行されるまでの間はアクセスできず、参照しようとすると ReferenceError が発生します。この領域は「TDZ（Temporal Dead Zone／一時的デッドゾーン）」と呼ばれます。そのため、var のように宣言前のアクセスが undefined を返すことはありません。

まとめ

• 宣言＝変数を環境に登録し、undefined で初期化する処理
• 初期化（代入）＝宣言文が実行されたときに、初期化子の評価結果を変数に割り当てる処理
• 両者は発生するタイミングが異なるため、var では宣言前に参照してもエラーにならない