JavaScriptの(function(){})()構文とは？即時実行関数式（IIFE）をわかりやすく解説

JavaScriptにおける (function() { })() という構文は、即時実行関数式（IIFE：Immediately Invoked Function Expression）と呼ばれるものです。これは、定義されたその瞬間に自動的に実行される関数を表します。

基本的な構文

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

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

仕組みの解説

この構文がどのように動作するのか、順を追って見ていきましょう。

1. 関数を式に変換する最初の括弧

まず、関数全体を囲む最初の丸括弧のペアがあります。この括弧によって、通常の関数宣言ではなく関数式（Function Expression）として扱われるようになります。

function(){...}

JavaScriptでは、functionキーワードで始まる文は関数宣言として解釈されますが、括弧で囲むことで「式」として評価できるようになります。これにより、その場で関数オブジェクトが生成されます。

2. 関数を実行する次の括弧

続く2番目の括弧のペア () が、実際に関数を呼び出す役割を担います。つまり、最初の括弧で生成された関数に対して、直ちに呼び出し（実行）を行っているのです。

IIFEを使うメリット

• グローバルスコープの汚染を防げる： 関数内で宣言した変数は外部からアクセスできないため、グローバル名前空間を汚しません。
• 初期化処理に最適： ページ読み込み時に一度だけ実行したい処理などを簡潔に記述できます。
• プライベートな変数を作れる： クロージャと組み合わせることで、外部から触れないデータを持つモジュール的な構造を実現できます。

引数を渡す例

IIFEには引数を渡すことも可能です。

(function(name) {
    console.log('こんにちは、' + name + 'さん！');
})('太郎');

このように、(function(){})() 構文は「定義と同時に実行される関数」を作るための便利なパターンであり、ライブラリやモジュールの実装などで広く活用されています。