ホームページ > ウェブフロントエンド > jsチュートリアル > 即時に呼び出される関数式 (IIFE)

即時に呼び出される関数式 (IIFE)

WBOY
リリース: 2024-09-03 12:09:31
オリジナル
580 人が閲覧しました

Immediately Invoked Function Expression (IIFE)

即時呼び出し関数式 (IIFE) は、定義されるとすぐに実行される JavaScript 関数です。これは一般に、グローバル スコープの汚染を避けるため、または変数のプライベート スコープを作成するために使用されます。

これは IIFE の簡単な例です:

(function() {
    var message = "Hello from IIFE!";
    console.log(message);
})();
ログイン後にコピー

説明:

  • 関数は括弧で囲まれています: (function() { ... })。これにより、JavaScript エンジンはそれを式として扱います。
  • 関数の閉じ括弧の直後に、関数をすぐに呼び出すために別の括弧 () のセットが追加されます。
  • 関数は定義直後に実行され、「Hello from IIFE!」をログに記録します。コンソールへ。

出力:

Hello from IIFE!
ログイン後にコピー

使用法:

IIFE は、新しいスコープを作成する場合、特に変数が関数の外部でアクセスまたは変更されないように保護する場合に便利です。

(function() {
    var counter = 0;  
// This counter is private and can't be accessed from outside

    function increment() {
        counter++;
        console.log(counter);
    }

    increment(); // Logs: 1
    increment(); // Logs: 2
})();

console.log(typeof counter); 
// Logs: "undefined", because `counter` is not accessible here.

ログイン後にコピー

これにより、カウンターなどの変数がプライベートのままになり、誤って変更されたり、コードの他の部分からアクセスされたりすることがなくなります。

以上が即時に呼び出される関数式 (IIFE)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート