JavaScriptの関数宣言と関数式の違いとは？基本をわかりやすく解説

JavaScriptでは、関数を定義する方法として主に「関数宣言（Function Declaration）」と「関数式（Function Expression）」の2つがあります。どちらも同じように動作する関数を作成できますが、構文や挙動には重要な違いがあります。この記事では、それぞれの特徴と具体的な書き方をコード例とともに解説します。

関数宣言（Function Declaration）

JavaScriptでは「function」キーワードを使って関数を宣言します。関数を定義する際は、「function」キーワードに続けて、一意な関数名、パラメータのリスト（空でも可）、そして波括弧 { } で囲まれた処理ブロックを記述します。

以下がその例です。

function sayHello(name, age) {
    document.write(name + " is " + age + " years old.");
}

関数宣言の大きな特徴は「巻き上げ（ホイスティング）」です。関数宣言はコードの実行前に読み込まれるため、定義より前の行から呼び出しても正常に動作します。

関数式（Function Expression）

一方、関数式は文の先頭を「function」キーワードで始めません。通常は変数に代入する形で定義し、関数名を持つ「名前付き関数式」と、名前を持たない「無名関数式（匿名関数）」のどちらでも定義できます。

まずは無名関数式の例です。

// 無名関数式
var a = function() {
    return 5;
}

次に、名前付き関数式の例です。

// 名前付き関数式
var a = function bar() {
    return 5;
}

関数式の場合、変数への代入が完了するまで呼び出すことができません。つまり、定義より前の行で呼び出すとエラーになるため、記述順序に注意が必要です。

使い分けのポイント

関数宣言は巻き上げにより柔軟に使える一方、関数式は変数に格納できるため、コールバック関数や即時実行関数（IIFE）などで活用されます。用途に応じて適切な方法を選択しましょう。