ReferenceErrorとSyntaxErrorの並列比較 — 違い、原因、修正方法を理解。
ReferenceError現在のスコープに存在しない変数への参照が行われた。
宣言されていない変数、スコープ外の変数、または宣言前にアクセスされた変数(一時的デッドゾーン)を使用しようとした。変数名のタイプミスによっても発生する。
let、const、または var で使用前に変数を宣言する。変数名のタイプミスを確認する。アクセスしている箇所で変数がスコープ内にあることを確認する。不足しているモジュールをインポートする。
SyntaxErrorJavaScriptエンジンが言語の構文に適合しないコードに遭遇した。
コードにJavaScriptパーサーが解釈できない不正な構文が含まれている。括弧の欠落、対応していない丸括弧、不正な文字、またはランタイムがサポートしていない言語機能の使用などが該当する。
エラーメッセージで行番号と列番号を確認する。括弧、丸括弧、引用符、セミコロンの欠落や余分なものを探す。ESLint などのリンターを使用してランタイム前に構文エラーを検出する。