JavaScriptの自己実行関数（IIFE）の目的とは？使い方をわかりやすく解説

自己実行関数の主な目的は、その関数内で宣言された変数が関数の内部でのみ有効になるという点にあります。

自己実行関数の中で宣言された変数は、デフォルトでは外部からアクセスできず、関数内部のコードからのみ参照可能です。これにより、グローバルスコープの汚染を防ぎ、他のコードとの変数名の衝突を回避できます。

このような関数は「即時実行関数式（IIFE：Immediately Invoked Function Expression）」と呼ばれ、定義された瞬間に自動的に実行される関数です。

基本の構文

自己実行関数の基本的な構文は以下のとおりです。

(function() {
    // ここにコードを書く
})();

上記のコードにおいて、最初の括弧のペアは、括弧内のコードを式（expression）として扱うためのものです。

function(){...}

そして、次に続く2番目の括弧のペアが実際の呼び出しを担当します。この部分により、先ほどの式から生成された関数がその場で実行されます。

自己実行関数を使うメリット

1. グローバル名前空間を汚染しない

関数内で宣言された変数や関数はローカルスコープに閉じ込められるため、windowオブジェクトなどグローバルな領域に不要な名前が追加されません。

2. 変数名の衝突を防げる

複数のライブラリやスクリプトを読み込む際にも、同じ変数名が競合するリスクを大幅に減らせます。

3. 初期化処理に最適

ページ読み込み時に一度だけ実行したい初期化処理などを、安全にカプセル化して記述できます。

まとめ

自己実行関数（IIFE）は、「定義と同時に実行される関数」であり、変数を関数スコープ内に閉じ込めることで、安全で衝突の少ないコードを実現するための重要なテクニックです。特にモジュール機構が普及する以前のJavaScriptでは、広く活用されてきました。