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

• 作成日 2022.04.06
• 更新日 2022.11.10
• javascript
• javascript

javascriptで、エラー「Uncaught SyntaxError: Function statements require a function name」が発生した場合の原因と解決方法を記述してます。関数名が定義されていない場合に発生します。また、即時関数の場合は定義せずにも使用できます。

目次

• 1. 環境
• 2. エラー内容
• 3. 原因
• 4. 解決方法

環境

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

Javascript サンプル集はこちら

エラー内容

以下のコードで発生。

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

エラーメッセージ

Uncaught SyntaxError: Function statements require a function name

画像

firefox（バージョン106）では、以下のエラーとなります。

Uncaught SyntaxError: function statement requires a name

画像

原因

関数名が定義されていないため

解決方法

定義するか、

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

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

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

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

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

• 前の記事
  

  コマンドプロンプト linuxの「pwd」と同じことをする 2022.04.05

• 次の記事
  

  jquery 数値の判定を行う 2022.04.06