JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptの即時実行関数式(IIFE)とは?自己呼び出し無名関数の基礎知識

即時実行関数式(IIFE)とは

JavaScriptにおいて、括弧 ( ) で囲まれた関数は「即時実行関数式(Immediately Invoked Function Expression)」、通称「自己実行関数」と呼ばれます。

関数を括弧で囲む主な目的は、名前空間を確保し、内部の変数やメンバー関数の可視性(スコープ)を制御することです。コード全体を関数スコープの中に閉じ込めることで、グローバルスコープへの影響を最小限に抑えられ、他のライブラリや外部スクリプトとの名前の衝突(コンフリクト)を防ぐことができます。

このような設計パターンは、正式名称を「即時実行関数式(IIFE)」といい、「自己実行匿名関数(Self Executing Anonymous Function)」とも呼ばれています。

基本構文

IIFEの基本的な書き方は以下の通りです。

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

動作の仕組み

この構文は、2つの括弧のペアによって成り立っています。それぞれの役割を分解してみましょう。

1つ目の括弧のペア: 関数宣言を「関数式(Function Expression)」へと変換します。

function(){...}

2つ目の括弧のペア: 直前の式によって生成された関数を、その場で直ちに呼び出します。この結果、関数は定義された瞬間に自動的に実行されるのです。

実用例

実際のコードでは、次のように使用します。

(function() {
    var message = "こんにちは、世界!";
    console.log(message); // こんにちは、世界!
})();

console.log(typeof message); // "undefined" — 外部からはアクセス不可

このように、IIFEの内部で宣言した変数は外部から参照できないため、グローバル変数の乱立によるバグを防ぎ、安全で保守性の高いコードを実現できます。特に複数のライブラリを併用する大規模なプロジェクトにおいて、このパターンは非常に有効です。

  1. JavaScriptの部分関数(Partial Function)とは?仕組みと実装例をわかりやすく解説

    部分関数(Partial Function)とは、既存の関数を引数として受け取り、それに加えて別の型の引数も同時に受け取れるようにする仕組みです。まず渡された引数の一部を使い、残りの引数を受け取る新しい関数を返します。そして、返された関数が呼び出されるときに、あらかじめ固定しておいた引数とそのときに渡された引数をすべて組み合わせて、元の親関数が実行されます。 この手法は「部分適用(Partial Application)」とも呼ばれ、関数型プログラミングの基本的なテクニックのひとつです。共通する引数を先に束縛しておくことで、処理の再利用性やコードの可読性を高めることができます。 コード例 以下

  2. JavaScriptのクロージャとは?仕組みと実装例をわかりやすく解説

    クロージャとはJavaScriptにおけるクロージャ(Closure)とは、外側の関数の実行が完了して値を返した後であっても、内側の関数から外側の関数のスコープ(変数)にアクセスできる仕組みのことです。言い換えれば、内側の関数は、外側の関数の変数に対して常にアクセスできるということです。この性質を活用することで、データを外部から直接操作されないように隠蔽したり、関数の呼び出し間で状態を保持する処理を実現したりすることが可能になります。クロージャのサンプルコード以下は、JavaScriptでクロージャを使用した具体的なコード例です。ボタンをクリックすると、クロージャによって保持された値を使って2