javascript エラー「Uncaught SyntaxError: Function statements require a function name」の解決方法

javascript エラー「Uncaught SyntaxError: Function statements require a function name」の解決方法

javascriptで、エラー「Uncaught SyntaxError: Function statements require a function name」が発生した場合の原因と解決方法を記述してます。

環境

  • OS windows11 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 98.0.4758.102

エラー内容

以下のコードで発生。

let str = 'hoge
          hoge
          hoge';

エラーメッセージ

Uncaught SyntaxError: Function statements require a function name

画像

firefox(バージョン97)では、以下のエラーとなります。

Uncaught SyntaxError: function statement requires a name

画像

原因

改行を含む形での記述ができないため

解決方法

定義するか、

function hoge() {
  console.log('Hello world')
}

すぐに実行される即時関数を使用する。

(function () {
  console.log('Hello world')
})()

また、即時関数は、アロー関数で記述すると以下のようになります。

(() => { console.log('Hello world') })()