iife（すぐに呼び出された関數(shù)式）は、括弧內(nèi)に関數(shù)を包み、すぐに呼び出すことによって作成され、グローバルネームスペースの汚染を防ぎ、閉鎖を通じてプライベートスコープを可能にすることによって作成されるとすぐに実行される機(jī)能です。 （function（）{ / code /}）（）（）として記述され、名前付きまたは矢印関數(shù)を使用し、引數(shù)の合格をサポートし、カプセル化、安全な厳密なモード使用、非同期の初期化のためにES6モジュールの前に広く使用されていますが、最新のモジュールシステムでは使用されています。

すぐに呼び出された関數(shù)式（IIFE）は、定義されるとすぐに実行される関數(shù)です。これは、プライベートスコープを作成し、グローバルネームスペースの汚染を避け、他のスクリプトを妨害することなくコードを安全に実行するために使用されるJavaScriptの一般的なパターンです。

Iifeとは何ですか？

Iifeは括弧で包まれた関數(shù)であり、すぐにそれを呼び出す別の括弧のセットが続きます。それは式であるため（関數(shù)宣言ではありません）、グローバルな範(fàn)囲を汚染することはなく、その変數(shù)は明示的に公開されない限り外部からアクセスできません。

これが基本的な構(gòu)文です：

 （関數(shù)（） {
  //コードはすぐに実行されます
}）（）;

外側(cè)の括弧は関數(shù)を式に変え、Trailing ()はそれを?qū)g行します。

Iifeの書き方

Iifeをいくつかの方法で書くことができますが、最も一般的な形式では匿名関數(shù)を使用します。

 （関數(shù)（） {
  console.log（ "これはすぐに実行されます！"）;
}）（）;

矢印関數(shù)を使用することもできます（読みやすさとthis結(jié)合の違いにより一般的ではありませんが）：

 （（）=> {
  console.log（ "arrow iifeも機(jī)能します！"）;
}）（）;

名前のiifeは、機(jī)能名がスタックトレースに表示されるため、デバッグに役立ちます。

 （function myiife（）{
  console.log（ "私はiifeの名前が付けられています」）;
}）（）;

なぜiifeを使用するのですか？

IIFEを使用するいくつかの実用的な理由があります。

• グローバルな可変汚染を避けてください
  IIFE內(nèi)で宣言された変數(shù)は、グローバルオブジェクト（ブラウザのwindowなど）に追加されておらず、競(jìng)合の命名を防ぐのに役立ちます。

   （関數(shù)（） {
    var temp = "private";
    // TEMPは屋外でアクセスできません
  }）（）;
  // TEMPはここで定義されていません

• プライベート変數(shù)と関數(shù)を作成します
  Iifeによって作成された閉鎖を使用して、民間狀態(tài)をエミュレートできます。

   const counter =（function（）{
    count = 0とします。
    戻る {
      増分：（）=> count、
      DECREMENT：（）=>  -  COUNT、
      値：（）=> count
    };
  }）（）;
  
  counter.increment（）;
  console.log（counter.value（））; // 1

• 「Strictの使用」またはライブラリの安全な使用
  Iifeでコードをラップして、厳格なモードを安全に適用するか、JQueryなどのライブラリの$との競(jìng)合を回避します。

   （function（$）{
    //グローバルに再定義されていても、$はjqueryとして安全に使用できます
    $（document）.ready（function（）{
      console.log（ "dom ready"）;
    }）;
  }）（jQuery）;

• 待機(jī)で非同期コードを?qū)g行します
  現(xiàn)代のJavaScriptでは、Async Iifeを使用して、モジュールレベルでサポートしていない環(huán)境でトップレベルの待ち聲を?qū)g行する場(chǎng)合があります。

   （async function（）{
    const response = await fetch（ '/api/data'）;
    const data = await respons.json（）;
    console.log（data）;
  }）（）;

留意すべきこと

• IIFEは一度だけ実行されます。

• 関數(shù)は式でなければなりません。 function() {}()を作成するだけで、機(jī)能宣言として解釈されるため、構(gòu)文エラーが発生します。

• あなたは議論をiifeに渡すことができます：

   （function（name）{
    console.log（ "hello、" name）;
  }）（ "Alice"）;

• 最新のES6コードでは、 letとconstでスコープをブロックし、モジュールはIIFEの必要性を減らしました。しかし、それらは特定のシナリオ、特にレガシーコードやモジュールバンドラーなしで作業(yè)する場(chǎng)合でも有用です。

---

基本的に、IIFEはカプセル化と即時(shí)の実行のためのシンプルだが強(qiáng)力なツールです。モジュールの臺(tái)頭では今日ではあまり一般的ではありませんが、レガシーコードと特定のユースケースの両方について理解する価値があります。

以上がJavaScriptですぐに呼び出された関數(shù)式（IIFE）を作成して使用する方法の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。