Heim > Web-Frontend > js-Tutorial > Sofort aufgerufener Funktionsausdruck (IIFE)

Sofort aufgerufener Funktionsausdruck (IIFE)

WBOY
Freigeben: 2024-09-03 12:09:31
Original
586 Leute haben es durchsucht

Immediately Invoked Function Expression (IIFE)

Ein sofort aufgerufener Funktionsausdruck (IIFE) ist eine JavaScript-Funktion, die ausgeführt wird, sobald sie definiert ist. Es wird häufig verwendet, um eine Verschmutzung des globalen Bereichs zu vermeiden oder um einen privaten Bereich für Variablen zu erstellen.

Hier ist ein einfaches Beispiel für ein IIFE:

(function() {
    var message = "Hello from IIFE!";
    console.log(message);
})();
Nach dem Login kopieren

Erläuterung:

  • Die Funktion ist in Klammern eingeschlossen: (function() { ... }). Dadurch wird es von der JavaScript-Engine als Ausdruck behandelt.
  • Unmittelbar nach der schließenden Klammer der Funktion wird ein weiterer Satz Klammern () hinzugefügt, um die Funktion sofort aufzurufen.
  • Die Funktion wird direkt nach ihrer Definition ausgeführt und protokolliert „Hallo von IIFE!“ zur Konsole.

Ausgabe:

Hello from IIFE!
Nach dem Login kopieren

Verwendung:

IIFEs sind nützlich, wenn Sie einen neuen Bereich erstellen möchten, insbesondere um Variablen vor dem Zugriff oder der Änderung außerhalb der Funktion zu schützen:

(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.

Nach dem Login kopieren

Dadurch wird sichergestellt, dass Variablen wie der Zähler privat bleiben und nicht versehentlich geändert oder von anderen Teilen des Codes aus darauf zugegriffen wird.

Das obige ist der detaillierte Inhalt vonSofort aufgerufener Funktionsausdruck (IIFE). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage