Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【JavaScript ECMAScript】ReferenceError: can't access lexical declaration 'X' before initializationエラーの使い方

ReferenceError: can't access lexical declaration 'X' before initializationエラーの使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

ReferenceError: can't access lexical declaration 'X' before initializationオブジェクトは、JavaScriptプログラムにおいて、letconstで宣言された変数に、その変数が実際に宣言される前にアクセスしようとした場合に発生するエラーを表すオブジェクトです。

このエラーは、ECMAScript 2015(ES6)以降で導入されたletおよびconstキーワードで宣言される変数の特性に深く関連しています。これらのキーワードで宣言された変数は、それらが所属するスコープに入ってから、実際の変数の宣言行に到達するまでの間に「一時的デッドゾーン(Temporal Dead Zone: TDZ)」と呼ばれる期間が存在します。このTDZの期間中に変数にアクセスしようとすると、JavaScriptエンジンはReferenceErrorをスローし、プログラムの実行を停止します。

具体的には、変数を定義する行よりも前でその変数を使用したり、関数宣言のデフォルト引数で同じスコープ内のletconst変数を利用しようとしたりするケースで、このエラーが発生することがあります。これは、従来のvarで宣言された変数が宣言前にアクセスされてもundefinedとなる「巻き上げ(hoisting)」の挙動とは異なり、変数の未初期化状態での不正なアクセスを防ぐための、より厳格な安全策です。

このエラーを解決するためには、該当するletまたはconstで宣言された変数が、実際に使用されるより前に必ず宣言され、初期化されるようにコードの記述順序を見直す必要があります。変数の定義を、その変数を参照するあらゆるコードよりも物理的に先行させることで、このエラーは解消されます。

構文(syntax)

1console.log(myVariable);
2let myVariable = 10;

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ

関連プログラミング言語