🟡 Cannot access before initialization

😰 こんな症状

変数を使おうとしたら「Cannot access before initialization」と出る。変数の宣言順序で起きるよ。

🔍 原因

letやconstで宣言した変数を、宣言より前の行で使おうとしているよ（TDZ: Temporal Dead Zone）。let/constは宣言行に到達するまでアクセスできない「一時的なデッドゾーン」があるんだ。varと違いlet/constは巻き上げされても初期化されないよ。

❌ エラーが起きるコード

console.log(x);
let x = 10;
// 宣言前にアクセス (TDZ)

✅ 直し方

1. 変数の宣言を使用箇所より前に移動する。 2. 関数内で使う変数は関数の先頭で宣言する。 3. varは巻き上げされるがundefinedになるだけ（ただしvarは使わない方がよい）。

✅ 修正後のコード

let x = 10;
console.log(x);

🔗 関連するエラー

• ReferenceError: Cannot access before initialization — let/constの宣言前にアクセスしている
• TypeError: Assignment to constant variable — constで宣言した変数に再代入している
• SyntaxError: Identifier 'x' has already been declared — 同じ変数名を2回宣言している
• Assignment to constant variable — constで宣言した変数に再代入しようとした
• Uncaught TypeError: Cannot read properties of null — getElementById の id が存在しない

🔗 別カテゴリの関連エラー

• await outside async
• import SyntaxError
• thisのコンテキストが失われる

📖 この問題を学べるレッスン

JavaScriptコースで基礎から学ぶ →

📝 関連ブログ記事

• プログラミングのエラーメッセージの読み方 — エラーの読み方を基礎から解説
• JavaScriptとは？初心者向けにわかりやすく解説 — 変数・関数・イベントの基本
• JavaScriptでボタンクリックを動かす方法 — ボタンクリック時の動作を解説

📖 関連する用語

• 変数
• 定数
• 関数
• 配列
• オブジェクト

❓ 関連するQ&A

• console.logの結果はどこで見る？
• ボタンクリックで何も起きない
• letとconstどっちを使う？