JavaScript の即時呼び出し関数式 (IIFE) とは何ですか?また、どのように機能しますか?

JavaScript の (function() { } )() 構造体を理解する

JavaScript では、一般的な構造体は (function() { } )()。このパターンは、即時呼び出し関数式 (IIFE) として知られており、関数が作成されるとすぐに実行されます。

IIFE の目的

IIFE は変数と変数をカプセル化します。その中で宣言された関数は、そのスコープ外ではアクセスできなくなります。これにより、関数の外で宣言された変数や関数がグローバルにアクセスできるグローバル名前空間が汚染されるのを防ぎます。

このパターンは、次の目的でよく使用されます。

• 機密データを分離して保護し、関数
• オブジェクト内にプライベート変数とメソッドを作成する
• 非同期イベントのイベント ハンドラーを定義する(window.onload など)

構文と実行

IIFE は以下で構成されます:

• で囲まれた関数式括弧: (function() { })
• 関数呼び出し演算子 ()関数式の閉じ括弧の直後に追加されます

IIFE が実行されると、JavaScript インタープリターは関数式を解析し、関数を作成し、すぐに実行します。

IIFE を使用した例

以下を考慮してくださいcode:

(function() {
  console.log("Executed immediately");
})();

この例では、IIFE 内の関数は定義された直後に実行されます。実行時に「すぐに実行されました」とコンソールに出力します。

注:

特定のイベントに応答する document.onload などのイベント ハンドラーとは異なり、 IIFE は独立して実行され、外部トリガーには依存しません。コードをカプセル化してすぐに実行する便利な方法を提供し、プライバシーとコード整理の利点を提供します。

以上がJavaScript の即時呼び出し関数式 (IIFE) とは何ですか?また、どのように機能しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。