javascript エラー「ReferenceError: Can’t find variable: xxx」の解決方法

javascript エラー「ReferenceError: Can’t find variable: xxx」の解決方法

javascriptで、エラー「ReferenceError: Can’t find variable: xxx」が発生した場合の原因と解決方法を記述してます。

環境

  • OS macOS Monterey
  • ブラウザ safari 15.5

エラー内容

以下のコードを実行時に発生。

console.log(foo);

エラーメッセージ全文

ReferenceError: Can't find variable: foo

画像

原因

定義していない変数を使用しようとしたため

解決方法

定義しておく

let foo = "hello"

console.log(foo);

その他のエラー

アロー関数で「arguments」を使用

アロー関数で「arguments」を使用した場合も、同様のエラーが発生します。

const hoge = (x, y, z) => {
  let foo = arguments[0]
};

hoge(1, 2, 3);
// ReferenceError: Can't find variable: arguments

通常の関数を使用するか、

function hoge(x, y, z){
  let foo = arguments[0];
};

hoge(1, 2, 3);

無名関数を使用すれば、解決します。

const hoge = function (x, y, z) {
  let foo = arguments[0];
};

hoge(1, 2, 3);