JavaScriptのエラーとトラブルシューティング方法

「ReferenceError: xxx is not defined」エラー: このエラーは、定義されていない変数または関数を使用した場合に発生します。変数や関数の定義を確認し、スペルミスやスコープの問題がないかを確認してください。

例:

// 未定義の変数を使用する
console.log(x); // ReferenceError: x is not defined
// 定義を追加する
var x = 10;
console.log(x); // 10

「TypeError: xxx is not a function」エラー: このエラーは、関数ではないものを関数として呼び出した場合に発生します。関数名のスペルミスや、関数を正しく定義しているかを確認してください。

例:

// 関数ではないものを関数として呼び出す
var x = 10;
x(); // TypeError: x is not a function
// 関数を定義する
function x() {
 console.log("Hello");
}
x(); // Hello

「SyntaxError: Unexpected token」エラー: このエラーは、JavaScriptの構文エラーがある場合に発生します。コードの文法を確認し、閉じ忘れた括弧やセミコロンの欠落などの問題を見つけて修正してください。

例:

// 構文エラーがあるコード
if (x > 10 {
 console.log("x is greater than 10");
}
// 正しい構文に修正する
if (x > 10) {
 console.log("x is greater than 10");
}