JavaScriptの即時関数（IIFE）とは？仕組みと使い方をわかりやすく解説

即時関数（IIFE）とは

即時関数とは、定義されたその瞬間に自動的に実行される関数のことです。英語では「Immediately Invoked Function Expression」の頭文字を取って「IIFE」と呼ばれることもあります。

通常の関数は定義しただけでは実行されず、後から呼び出す必要があります。一方、即時関数は定義と同時に一度だけ実行されるため、初期化処理や独立したスコープを作りたい場面で活躍します。

通常の関数との違い

まず、即時関数の基本的な書き方を見てみましょう。

(function() {
    var str = "display";
}());

function display() {
    // ここでの str は undefined になる
    alert(str);
}

上記の例では、変数 str が即時関数の内部で宣言されています。そのため、外側にある display() 関数からは参照できず、alert(str) は undefined を返します。

これに対して、同じ処理を通常の関数で書くと次のようになります。

var str = "display";

function display() {
    // これは "display" を返す
    alert(str);
}

この場合、str はグローバルスコープで宣言されているため、display() 関数内からもアクセス可能で、alert(str) は「display」という文字列を表示します。

このように、即時関数の中で宣言された変数は外部から見えない「閉じたスコープ」を持つのが大きな特徴です。

引数を渡す即時関数

即時関数には、実行時に引数を渡すこともできます。

var name = 'Amit';

(function(sName) {
    alert('Student name = ' + sName);
}(name));

この例では、グローバル変数 name の値が即時関数の引数 sName に渡され、「Student name = Amit」というアラートが表示されます。外部の値を関数内に取り込みながら、グローバル変数への直接依存を避けられる点もポイントです。

即時関数を使うメリット

• グローバル汚染の防止： 関数内で宣言した変数は外部からアクセスできないため、グローバルスコープを汚しません。
• 名前の衝突を回避： 他のライブラリやスクリプトとの変数名・関数名の競合を防げます。
• 初期化処理に最適： ページ読み込み時に一度だけ実行したい処理を簡潔に記述できます。

このように即時関数は、変数のスコープを限定しながら安全にコードを実行するための定番テクニックです。モダンJavaScriptではブロックスコープ（let / const）やモジュールの利用が一般的になりましたが、レガシーコードの理解やライブラリのソースを読むうえで、今なお重要な概念といえます。