JavaScript | SyntaxError: Unexpected token ‘xxx’ エラーの原因と修正案

2023-02-01JavaScript エラー,JavaScript

JavaScript | SyntaxError: Unexpected token 'xxx’ エラーの原因と修正案

JavaScriptで発生するコンソールエラー「SyntaxError: Unexpected token 'xxx’」の原因と対処・修正案について紹介しています。

SyntaxError: Unexpected token 'xxx' ~
構文エラー: 予期しないトークン 'xxx'

確認環境

サーバー:エックスサーバー
実行ブラウザ:Microsoft Edge バージョン 106.0.1370.42

SyntaxError: Unexpected token 'xxx’ エラーの発生原因

「SyntaxError: Unexpected token 'xxx’」というJavaScriptのエラーは予期しない文字列がコード上に存在すると発生しますので、原因には数多くのケースがありますが、問題箇所が見つかりにくいもののひとつに変数名にJavaScriptの予約語を指定してしまっているケースなどがあります。

このエラーは構文エラー(Syntax Error)に分類されています。

例えば、以下のように変数名にJavaScriptの予約語のひとつ「const」を指定してしまっているJSコードを実行する場合にエラーは発生します。

let const = 'xxx'

SyntaxError: Unexpected token 'xxx’ の修正案

「SyntaxError: Unexpected token 'xxx’」エラーを修正するには、問題のある箇所のコードに想定しない文字列が含まれていないか確認します。

変数名にJavaScriptの予約語を指定してしまっている可能性がある場合、以下のリストにないか確認下さい。

awaitbreakcase
catchclassconst
constcontinuedebugger
defaultdeletedo
elseenumexport
extendsflasefinally
forfunctionif
implementsimportin
ininstanceofinterface
letnewnull
privateprotectedpublic
returnsuperswitch
staticthisthrow
trytruetypeof
varvoidwhile
withyield
JavaScriptの予約語一覧

関連:JavaScript | 変数名や関数名には使えない予約語一覧(50音順) | ONE NOTES