JavaScriptファイル全体を無名関数でラップする目的とは？IIFE（即時実行関数式）の基本を解説

JavaScriptのコードを書く際、ファイル全体を無名関数でラップすることがよくあります。この手法の主な目的は、名前空間を確保し、メンバー関数の可視性を制御することです。コード全体を関数スコープの中に閉じ込めることで、グローバルスコープの汚染を防ぎ、他のライブラリとの名前の衝突（コンフリクト）を回避できます。

この書き方は「IIFE（Immediately Invoked Function Expression：即時実行関数式）」または「自己実行無名関数（Self-Executing Anonymous Function）」と呼ばれています。

基本構文

IIFEの基本構文は以下のとおりです。

(function() {
    // ここにコードを記述
})();

なぜこの書き方で動作するのか？

この構文の仕組みを分解して見ていきましょう。

まず、最初の括弧のペアによって、括弧内のコードが「式（expression）」として評価されます。

(function(){...})

次に、続く2番目の括弧「()」が、上記の式から生成された関数を即座に呼び出します。これにより、関数は定義された瞬間に一度だけ実行されます。

IIFEを使うメリット

IIFEを活用することで、次のようなメリットが得られます。

• グローバル変数の汚染を防止できる — 変数や関数がグローバルスコープに漏れ出しません。
• ライブラリ間の衝突を回避できる — jQueryなどの他のライブラリと同じ変数名を使っていても安全です。
• プライベートな変数や関数を作れる — 関数スコープ内の変数は外部からアクセスできません。

(function() {
    var message = "こんにちは"; // 外部からはアクセス不可
    console.log(message);
})();

なお、近年ではESモジュールやlet・constによるブロックスコープの活用も一般的ですが、レガシーコードの理解やライブラリのソースを読むうえで、IIFEの仕組みを把握しておくことは非常に重要です。