JavaScriptの関数式（Function Expression）を使って関数を定義する方法

JavaScriptにおける「関数式」の概念を理解するために、まずは「関数宣言」と「関数式」の違いを見ていきましょう。この2つは似ているようで、定義の書き方や動作に重要な違いがあります。

関数宣言（Function Declaration）とは

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

以下は基本的な例です。

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

このように宣言された関数は、後から sayHello("太郎", 25); のように名前を指定して呼び出すことができます。

関数式（Function Expression）とは

関数式は、文の先頭に「function」キーワードを置かず、関数を変数に代入する形で定義します。定義される関数は、名前を持つものと無名（匿名）のものがあります。

以下に具体例を示します。

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

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

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

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

関数宣言と関数式の主な違い

両者の大きな違いは「巻き上げ（ホイスティング）」の挙動にあります。関数宣言はコードの実行前に全体が読み込まれるため、定義位置より前の行から呼び出しても正常に動作します。一方、関数式は変数への代入が完了していない状態では呼び出せないため、代入より前の行で実行するとエラーになります。用途に応じて使い分けることで、より安全で読みやすいコードを書くことができます。