Was ist der Zweck einer selbstausführenden Funktion in Javascript?

Simpel. So ganz normal aussehende, seine fast tröstlich:

var userName = "Sean";

console.log(name());

function name() {
  return userName;
}

Jedoch. Was ist, wenn ich einen wirklich handlichen javascript-Bibliothek, um meine Seite übersetzt, moderne Charaktere in Ihrer Basis-Ebene Darstellungen?

Warten... was?

Ich meine. Wenn jemand Typen in ein Zeichen mit irgendeiner Art von Akzent (wie Französisch oder Spanisch, Charakter) aber ich will nur 'Englisch' - Zeichen? A-z in meinem Programm? Naja... Die Spanische 'n~' und Französisch 'e/' - Zeichen (ich habe jeweils zwei Zeichen für diese, aber Sie können wohl den geistigen Sprung in die Charakter, die für die Akzente), werden diese Zeichen übersetzt werden können in Basis-Zeichen 'n' und 'e'.

So jemand netten person geschrieben hat, eine umfassende Charakter-Konverter gibt, kann ich für meine Website... ich include es.

Ein problem: es hat eine Funktion namens 'name' dasselbe wie meine Funktion.

Dies nennt man Kollision. Wir haben noch zwei Funktionen deklariert, die in der gleichen Umfang mit dem gleichen Namen. Wir wollen dies vermeiden.

Also müssen wir Rahmen unserer code irgendwie.

Nur so Umfang-code in javascript ist, um wickeln Sie es in eine Funktion:

function main() {
  //We are now in our own sound-proofed room and the 
  //character-converter libarary's name() function can exist at the 
  //same time as ours. 

  var userName = "Sean";

  console.log(name());

  function name() {
    return userName;
  }
}

Könnte unser problem zu lösen. Alles ist nun geschlossen und kann nur zugegriffen werden, die innerhalb unseres öffnung und schließende Klammern.

Haben wir eine Funktion in einer Funktion... das ist komisch anzusehen, aber völlig legal.

Nur ein problem. Unser code funktioniert nicht.
Unsere variable "userName" ist nie hallten in der Konsole!

Können wir lösen dieses Problem, indem ein Aufruf an unsere Funktion nach unseren bestehenden code zu sperren...

function main() {
  //We are now in our own sound-proofed room and the 
  //character-converter libarary's name() function can exist at the 
  //same time as ours. 

  var userName = "Sean";

  console.log(name());

  function name() {
    return userName;
  }
}

main();

Oder vor!

main();

function main() {
  //We are now in our own sound-proofed room and the 
  //character-converter libarary's name() function can exist at the 
  //same time as ours. 

  var userName = "Sean";

  console.log(name());

  function name() {
    return userName;
  }
}

Sekundäre Sorge: Was sind die Chancen, dass der name "main" noch nicht verwendet wurden? ...also sehr, sehr schlank.

Brauchen wir MEHR scoping. Und eine Möglichkeit, um die automatische Ausführung unserer main () - Funktion.

Kommen wir nun zur auto-execution-Funktionen (oder selbst ausführen, selbst ausführen, was auch immer).

((){})();

Die syntax ist umständlich wie die Sünde. Jedoch, es funktioniert.

Wenn Sie wickeln die definition einer Funktion in Klammern und enthalten eine Parameterliste (ein anderer Satz oder Klammern!) es fungiert als eine Funktion nennen.

So lässt Blick auf unser code wieder, mit einigen self-executing-syntax:

(function main() {
  var userName = "Sean";

    console.log(name());

    function name() {
      return userName;
    }
  }
)();

So, in den meisten tutorials, die Sie Lesen, werden Sie nun bombardieren mit dem Begriff "anonymous self-executing" oder etwas ähnliches.

Nach vielen Jahren der beruflichen Entwicklung, ich stark fordere Sie auf, Namen jede Funktion, die Sie schreiben für debugging-Zwecke.

Wenn etwas schief geht (und das wird es), werden Sie die überprüfung der backtrace in Ihren browser. Es ist immer leichter eingrenzen-code Fragen, wenn die Einträge in der stack-trace haben Namen!

Enorm langatmig und ich hoffe, es hilft!

InformationsquelleAutor der Antwort Sean Holden

Verwendung von Namensräumen. JavaScript-Bereiche werden Funktion-Ebene.

InformationsquelleAutor der Antwort Christoph

Gibt es einen parameter und die "Haufen code" gibt eine Funktion?

var a = function(x) { return function() { document.write(x); } }(something);

Schließung. Der Wert von something wird durch die Funktion zugeordnet a. something haben könnte unterschiedlichem Wert (for-Schleife) und jedes mal, wenn ein hat eine neue Funktion.

InformationsquelleAutor der Antwort stesch

Hier ist ein solides Beispiel dafür, wie eine self Berufung auf anonyme Funktion nützlich sein könnte.

for( var i = 0; i < 10; i++ ) {
  setTimeout(function(){
    console.log(i)
  })
}

Ausgabe: 10, 10, 10, 10, 10...

for( var i = 0; i < 10; i++ ) {
  (function(num){
    setTimeout(function(){
      console.log(num)
    })
  })(i)
}

Ausgabe: 0, 1, 2, 3, 4...

InformationsquelleAutor der Antwort sg.cc

Selbst aufgerufen wird die Funktion in javascript:

Einem selbst-Aufruf-Ausdrucks aufgerufen (gestartet) werden automatisch, ohne genannt zu werden. Ein selbst-Aufruf-Ausdruck aufgerufen wird, direkt nach seiner erstellt. Dies ist im Grunde verwendet, zur Vermeidung der Konflikte sowie für die Erreichung der Kapselung. Die Variablen und Objekte deklariert werden, die nicht von außen zugänglich diese Funktion. Für die Vermeidung der Probleme der Minimierung(mit dem Namen.min) verwenden Sie immer selbst ausgeführte Funktion.

InformationsquelleAutor der Antwort Kishor Vitekar

Da Funktionen in Javascript sind erste-Klasse-Objekt definieren, dass es der Weg ist, ist es effektiv definiert eine "Klasse" ähnlich wie C++ oder C#.

Funktion definieren, lokale Variablen und Funktionen, die innerhalb es. Die internen Funktionen (effektiv Instanz-Methoden) haben Zugriff auf die lokalen Variablen (effektiv Instanz-Variablen), aber Sie wird isoliert vom rest des Skripts.

InformationsquelleAutor der Antwort James Curran

Selbst ausgeführte Funktion zum verwalten der Gültigkeitsbereich einer Variablen.

Den Gültigkeitsbereich einer Variablen ist der Bereich Ihres Programms, in dem es definiert ist.

Eine Globale variable hat Globale Reichweite; es ist überall definiert im JavaScript-code und zugegriffen werden kann von überall aus dem Skript, auch in Ihren Funktionen. Auf der anderen Seite, Variablen, die innerhalb einer Funktion definiert sind, nur innerhalb des Körpers der Funktion an.
Sie sind lokale Variablen, haben einen lokalen Gültigkeitsbereich und kann nur zugegriffen werden, die innerhalb der Funktion. Parameter der Funktion zählen ebenfalls als lokale Variablen und definiert nur innerhalb des Körpers der Funktion an.

Wie unten dargestellt, können Sie den Zugriff auf die globalvariable variable innerhalb der Funktion und auch der Hinweis, dass im Körper einer Funktion eine lokale variable Vorrang vor einer globalen Variablen mit dem gleichen Namen.

var globalvar = "globalvar"; //this var can be accessed anywhere within the script

function scope() {
    alert(globalvar);
    localvar = "localvar" //can only be accessed within the function scope
}

scope(); 

Also im Grunde eine selbst ausgeführte Funktion kann code geschrieben werden, ohne Sorge, wie die Variablen benannt sind, die in andere Blöcke von javascript-code.

InformationsquelleAutor der Antwort Adeojo Emmanuel IMM

IIRC es ermöglicht Ihnen das erstellen von privaten Eigenschaften und Methoden.

InformationsquelleAutor der Antwort Ólafur Waage