More than 3 years have passed since last update.

関数式

Last updated at 2021-06-04Posted at 2021-06-04

関数式の場合は、function(引数) {}という無名の関数を変数に定義または、代入して関数を定義する、と言う記述になります。

変数 = function(引数) {
 //関数内の処理
}

関数宣言と関数式では読み込まれるタイミングが異なります。

以下のコードを実行すると、Uncaught ReferenceError...といった形でエラーが表示されます。

hello()

const hello = function() {
console.log('hello')
}

１行目の時点で関数helloは定義されていないため、エラーとなります。一方、以下のように関数宣言を用いた場合はエラー無く、helloと出力が確認できます。

hello()

function hello(){
 console.log('hello')
}

JavaScriptにおいては関数宣言は先に読み込まれるために、このような事象が発生します。一方で関数式であれば先に読み込まれることはありません。