エラーログの解析 | エラーメッセージの読み解き方 | JavaScript 超完全入門基本から発展までのすべて

INDEX

エラーログとは？

エラーログとは、JavaScriptの実行中に発生したエラーに関する情報です。ブラウザの開発者ツールのコンソールやNode.jsの実行画面などに表示され、エラーの原因や発生場所を調べるために利用します。

JavaScriptでプログラムが思い通りに動かない場合は、まずエラーログを確認することが重要です。エラーログを正しく読み取れるようになると、問題を素早く見つけて修正できるようになります。

エラーログには、通常次のような情報が表示されます。

これらの情報を順番に確認することで、原因を特定しやすくなります。

次のコードでは、定義されていない変数へアクセスした場合のエラーを見てみましょう。

function showError() {
    console.log(undefinedVariable);
}

showError();

このコードを実行すると、undefinedVariableが定義されていないため、ReferenceErrorが発生します。

ReferenceError: undefinedVariable is not defined
    at showError (script.js:2)
    at <anonymous>:1:1

このエラーログから、次のことが分かります。

エラーログを見るときは、次の順番で確認すると原因を見つけやすくなります。

JavaScriptでよく見かける代表的なエラーを紹介します。

エラー	発生する原因	主な対処方法
`ReferenceError`	定義されていない変数を使用した。	変数名や宣言漏れを確認する。
`TypeError`	`null`や`undefined`に対してプロパティやメソッドを使用した。	値が存在するか確認してから使用する。
`SyntaxError`	文法に誤りがある。	括弧や波括弧、カンマ、セミコロンなどを確認する。
`RangeError`	再帰処理が終了せず、呼び出し回数が多くなり過ぎた。	再帰の終了条件やループ処理を見直す。

JavaScriptでは、次のようなツールでエラーログを確認できます。

ツール	用途
Chrome DevTools	ChromeでJavaScriptのエラーやコンソール出力を確認する。
Firefox Developer Tools	Firefoxでエラーログやスタックトレースを確認する。
Microsoft Edge DevTools	EdgeでJavaScriptのデバッグを行う。
Node.js	サーバーサイドJavaScriptのエラーを確認する。

ブラウザでJavaScriptを学習する場合は、まずChrome DevToolsのコンソールを使えるようになることをおすすめします。