Was ist der Zweck von einem selbst ausgeführten 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 Sean Holden

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

InformationsquelleAutor 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 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 sg.cc

Ich gelesen habe, alle Antworten, etwas sehr wichtiges fehlt hier, ich werde KÜSSEN. Es gibt 2 Hauptgründe, warum ich brauche selbstausführende, Anonyme Funktionen, oder besser gesagt "Sofort-Invoked Function Expression (IIFE)":

1. Besser namespace management (Vermeidung von Namespace-Verschmutzung -> JS-Modul)
2. Verschlüsse (Simulation Klassenelemente, wie man Sie aus der OOP)

Die erste wurde sehr gut erklärt. Für die zweite, studieren Sie bitte folgende Beispiel:

var MyClosureObject = (function (){
  var MyName = 'Michael Jackson RIP';
  return {
    getMyName: function () { return MyName;},
    setMyName: function (name) { MyName = name}
  }
}());

Achtung 1: Wir sind nicht die Zuordnung einer Funktion zu MyClosureObject weiter mehr das Ergebnis des Aufrufs der Funktion. Bewusst sein () in der letzten Zeile.

Achtung 2: Was tun, müssen Sie zusätzlich das wissen über Funktionen in Javascript ist, dass die inneren Funktionen Zugriff auf die Parameter und Variablen der Funktionen, die Sie definiert, innerhalb.

Lassen Sie uns versuchen, einige Experimente:

Bekomme ich MyName mit getMyName - und es funktioniert:

 console.log(MyClosureObject.getMyName()); 
 //Michael Jackson RIP

Folgende naive Ansatz würde nicht funktionieren:

console.log(MyClosureObject.MyName); 
//undefined

Aber ich kann einen anderen Namen und bekommen das erwartete Ergebnis:

MyClosureObject.setMyName('George Michael RIP');
console.log(MyClosureObject.getMyName()); 
//George Michael RIP

Edit: Im obigen Beispiel MyClosureObject ist entworfen, um verwendet werden, ohne die newPräfix, also durch Konvention, es sollte nicht groß geschrieben werden.

InformationsquelleAutor Lonely

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 James Curran

Sieht es aus wie diese Frage beantwortet wurde alles fertig, aber ich poste meine Ideen sowieso.

Weiß ich, wenn ich wie zu verwenden self-executing-Funktionen.

var myObject = {
    childObject: new function(){
        //bunch of code
    },
    objVar1: <value>,
    objVar2: <value>
}

Die Funktion erlaubt mir, auf einige extra-code zu definieren, der childObjects Attribute und Eigenschaften für saubereren code, wie das festlegen von Häufig verwendeten Variablen oder die Ausführung von mathematischen Gleichungen; Oh! oder Fehler überprüfen. im Gegensatz zu begrenzt, um verschachtelte Objekt-Instanziierung syntax...

object: {
    childObject: {
        childObject: {<value>, <value>, <value>}
    }, 
    objVar1: <value>,
    objVar2: <value>
}

Codierung im Allgemeinen hat eine Menge von obskuren Weise eine Menge von der gleichen Dinge, so dass Sie sich Fragen, "Warum die Mühe?" Aber neue Situationen, die immer wieder auftauchen, wo Sie nicht mehr darauf verlassen, basic/core principals allein.

InformationsquelleAutor Garrett

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

InformationsquelleAutor Ólafur Waage