Wie JavaScript closures arbeiten?

Dies ist ein Versuch zu klären, die mehrere (mögliche) Missverständnisse über Verschlüsse, die angezeigt werden in einigen der anderen Antworten.

• Eine Schließung ist nicht nur zurückkehren, wenn Sie eine innere Funktion. In der Tat, die einschließende Funktion nicht brauchen, um wieder an alle, um für die Schließung geschaffen werden. Sie kann stattdessen weisen Sie Ihren inneren Funktion um eine variable in einem äußeren Umfang, oder übergeben Sie Sie als argument an eine andere Funktion, wo es genannt werden könnte, sofort oder jederzeit später. Daher die Schließung des umschließenden Funktion ist wahrscheinlich erstellt sobald der umschließenden Funktion aufgerufen wird da jede innere Funktion hat Zugriff auf die Schließung, wenn die innere Funktion aufgerufen wird, vor oder nach der einschließenden Funktion gibt.
• Eine Schließung nicht auf eine Kopie des die alten Werte von Variablen, die in den Geltungsbereich der Richtlinie. Die Variablen selbst sind Teil der Schließung, und so den Wert gesehen, der beim zugreifen auf eine dieser Variablen wird der aktuelle Wert zum Zeitpunkt zugegriffen wird. Dies ist der Grund, warum innere Funktionen innerhalb von Schleifen kann tückisch sein, denn jeder hat Zugriff auf die gleichen äußeren Variablen, anstatt grabbing eine Kopie der Variablen an der Zeit, die Funktion wird erstellt oder aufgerufen werden.
• Die "Variablen" einer Schließung gehören alle der genannten Funktionen deklariert, die innerhalb der Funktion. Sie umfassen auch die Argumente der Funktion. Eine Schließung hat auch Zugriff auf die closure-Variablen, die alle den Weg bis zum globalen Bereich.
• Verschlüsse Speicher verwenden, aber Sie verursachen keine Speicherlecks da JavaScript von selbst bereinigt seine eigenen kreisförmige Strukturen, die nicht referenziert sind. Internet Explorer Speicherverluste mit Verschlüssen die erstellt werden, wenn es nicht zu trennen DOM Attribut-Werte, die Referenz-Verschlüsse, so dass Verweise auf möglicherweise kreisförmige Strukturen.

InformationsquelleAutor

Verschlüsse sind einfach:

Folgenden an einem einfachen Beispiel deckt alle wichtigen Punkte der JavaScript-Verschlüsse.^*
 

Hier ist eine Fabrik, die produziert Taschenrechner kann addieren und multiplizieren:

function make_calculator() {
  var n = 0; //this calculator stores a single number n
  return {
    add: function(a) {
      n += a;
      return n;
    },
    multiply: function(a) {
      n *= a;
      return n;
    }
  };
}

first_calculator = make_calculator();
second_calculator = make_calculator();

first_calculator.add(3); //returns 3
second_calculator.add(400); //returns 400

first_calculator.multiply(11); //returns 33
second_calculator.multiply(10); //returns 4000

Der entscheidende Punkt: Jedem Aufruf make_calculator erstellt eine neue lokale variable n, der weiterhin verwendbar ist, die Rechner add und multiply Funktionen lange nach make_calculator gibt.

Wenn Sie vertraut sind mit stack-frames, diese Rechner seltsam: Wie können Sie halten den Zugriff auf n nach make_calculator gibt? Die Antwort ist vorstellbar, dass JavaScript nicht verwenden "stack frames", sondern verwendet "heap-frames", die fortbestehen können, nachdem der Aufruf der Funktion, die Sie gemacht haben zurück.

Innere Funktionen wie add und multiply, die Zugriff auf Variablen, die in einer äußeren Funktion^**, aufgerufen werden Verschlüsse.

, Dass ist so ziemlich alles, was es zu Sperrungen.

^* Zum Beispiel, umfasst es alle Punkte, die in die "Verschlüsse für Dummies" - Artikel gegeben, in eine andere Antwort, außer in Beispiel 6, das zeigt einfach nur, dass Variablen verwendet werden können, bevor Sie deklariert sind, eine schöne Tatsache zu wissen, aber nicht vollständig zu Schließungen. Es deckt auch alle Punkte in die akzeptierte Antwort, mit Ausnahme der Punkte (1), dass die Funktionen kopieren, Ihre Argumente in die lokalen Variablen (die benannte Funktion Argumente), und (2) dass das kopieren von zahlen schafft eine neue Nummer, aber das kopieren einer Objekt-Referenz bietet Ihnen eine weitere Referenz auf das gleiche Objekt. Diese sind auch gut zu wissen, aber wieder nicht vollständig zu Schließungen. Es ist auch sehr ähnlich wie das Beispiel in diese Antwort aber ein wenig kürzer und weniger Abstrakt. Es erstreckt sich nicht auf den Punkt diese Antwort oder dieser Kommentar, was das JavaScript macht es schwierig, den Stecker des aktuellen Wert der schleifenvariablen in Ihre innere Funktion: Das "plugging in" Schritt kann nur getan werden, mit einer Hilfsfunktion, umschließt Ihre innere Funktion und wird aufgerufen, auf jeder loop-iteration. (Streng genommen, ist die innere Funktion greift auf die helper-Funktion der Kopie der Variablen, anstatt alles angeschlossen ist.) Wieder sehr nützlich bei der Erstellung von Schließungen, aber nicht Teil von dem, was ein closure ist oder wie es funktioniert. Es gibt zusätzliche Verwirrung durch Verschlüsse arbeiten anders als in funktionalen Sprachen wie ML, wo Variablen sind gebunden an Werte eher als Stauraum, bietet einen Konstanten Strom von Menschen, die verstehen, Verschlüsse in einer Art und Weise (nämlich die "plugging in" Weg), das ist einfach falsch für JavaScript, wo Variablen sind immer gebunden an Speicherplatz, und nie zu Werten.

^** der äußeren Funktion, wenn mehrere Ineinander verschachtelt sind, oder sogar im globalen Kontext, als diese Antwort Punkte deutlich heraus.

InformationsquelleAutor

Können Sie erklären, Verschlüsse, um einen 5-jährigen?*

Ich denke immer noch, Googles Erklärung funktioniert sehr gut und ist prägnant:

/*
*    When a function is defined in another function and it
*    has access to the outer function's context even after
*    the outer function returns.
*
* An important concept to learn in JavaScript.
*/

function outerFunction(someNum) {
    var someString = 'Hey!';
    var content = document.getElementById('content');
    function innerFunction() {
        content.innerHTML = someNum + ': ' + someString;
        content = null; //Internet Explorer memory leak for DOM reference
    }
    innerFunction();
}

outerFunction(1);​

_{*Eine C# - Frage}

InformationsquelleAutor

Wikipedia auf Verschlüsse:

In der informatik, eine closure ist eine Funktion zusammen mit einer Referenzierung Umgebung für die nichtlokale Namen (freie Variablen) der Funktion.

Technisch, in JavaScript, jede Funktion ist eine Schließung. Es hat immer ein Zugriff auf Variablen im umgebenden Bereich.

Seit -scope-Festlegung-Konstruktion in JavaScript ist eine Funktion, nicht um einen code-block, wie in vielen anderen Sprachen, , was wir in der Regel durch bedeutet Schließung in JavaScript ist ein - Funktion arbeiten mit globalen Variablen definiert, die bereits ausgeführt umliegenden Funktion.

Verschlüsse werden Häufig verwendet, zum erstellen von Funktionen mit einigen versteckten private Daten (aber es ist nicht immer der Fall ist).

var db = (function() {
    //Create a hidden object, which will hold the data
    //it's inaccessible from the outside.
    var data = {};

    //Make a function, which will provide some access to the data.
    return function(key, val) {
        if (val === undefined) { return data[key] } //Get
        else { return data[key] = val } //Set
    }
    //We are calling the anonymous surrounding function,
    //returning the above inner function, which is a closure.
})();

db('x')    //-> undefined
db('x', 1) //Set x to 1
db('x')    //-> 1
//It's impossible to access the data object itself.
//We are able to get or set individual it.

ems

Obigen Beispiel ist die Verwendung einer anonymen Funktion, die einmal ausgeführt wurde. Aber es muss nicht sein. Es können benannt werden (z.B. mkdb) und später ausgeführt, Erzeugung einer Datenbank-Funktion jedes mal aufgerufen wird. Jede generierte Funktion wird über seine eigenen verborgenen Datenbank-Objekt. Ein weiteres Beispiel zur Verwendung von Schließungen ist, wenn wir nicht wieder eine Funktion, sondern ein Objekt mit mehreren Funktionen für verschiedene Zwecke, die jeweils die Funktion, die Zugang zu den gleichen Daten.

InformationsquelleAutor

Die Kinder werden immer daran denken, die Geheimnisse, die Sie geteilt haben, mit Ihren Eltern, auch nach Ihren Eltern sind
gegangen. Dies ist, was die Verschlüsse sind für Funktionen.

Geheimnisse für JavaScript-Funktionen sind die privaten Variablen

var parent = function() {
 var name = "Mary"; //secret
}

Jedes mal, wenn Sie nennen es, lokale variable "name" erstellt und der Vorname "Maria". Und jedes mal, wenn die Funktion beendet wird, ist die variable verloren und den Namen vergessen.

Als man sich vorstellen kann, weil die Variablen neu erstellt werden jedes mal, wenn die Funktion aufgerufen wird, und niemand wird wissen, es muss einen geheimen Ort, wo Sie gespeichert sind. Es könnte als Kammer des Schreckens oder stack oder lokalen Bereich aber es ist nicht wirklich wichtig. Wir wissen, Sie sind da, irgendwo versteckt in den Speicher.

Aber in JavaScript gibt es diese sehr spezielle Sache ist, dass die Funktionen, die erstellt wurden, in anderen Funktionen, kann das wissen auch die lokalen Variablen der Eltern und halten Sie Sie, solange Sie Leben.

var parent = function() {
  var name = "Mary";
  var child = function(childName) {
    //I can also see that "name" is "Mary"
  }
}

So, solange wir in der parent-Funktion, es können eine oder mehrere untergeordnete Funktionen, die teilen das Geheimnis Variablen aus den geheimen Ort.

Aber die traurige Sache ist, wenn das Kind auch in einer privaten Variablen der übergeordneten Funktion, er würde auch sterben, wenn die Eltern endet, und die Geheimnisse, die würde mit Ihnen sterben.

So zu Leben, das Kind zu verlassen, bevor es zu spät ist

var parent = function() {
  var name = "Mary";
  var child = function(childName) {
    return "My name is " + childName  +", child of " + name; 
  }
  return child; //child leaves the parent ->
}
var child = parent(); //< - and here it is outside 

Und jetzt, obwohl Maria nicht mehr "läuft", die Erinnerung an Sie nicht verloren geht und Ihr Kind immer an Ihren Namen erinnern und andere Geheimnisse, die Sie teilten während Ihrer Zeit zusammen.

So, wenn Sie Sie nennen das Kind "Alice" wird Sie reagieren

child("Alice") => "My name is Alice, child of Mary"

Alles das ist dort ist zu sagen.

InformationsquelleAutor

Beispiel für den ersten Punkt durch dlaliberte:

Verschluss ist nicht nur zurückkehren, wenn Sie eine innere Funktion. In der Tat, die einschließende Funktion muss nicht mehr zurückkehren wird. Sie kann stattdessen weisen Sie Ihren inneren Funktion um eine variable in einem äußeren Umfang, oder übergeben Sie Sie als argument an eine andere Funktion, wo Sie sofort verwendet werden könnten. Daher die Schließung des umschließenden Funktion wahrscheinlich bereits vorhanden ist, auf die Zeit, die einschließende Funktion aufgerufen wurde, da jeder innere Funktion hat Zugriff darauf, sobald es aufgerufen wird.

var i;
function foo(x) {
    var tmp = 3;
    i = function (y) {
        console.log(x + y + (++tmp));
    }
}
foo(2);
i(3);

InformationsquelleAutor

Ich weiß, es gibt viele Lösungen bereits, aber ich denke, dass diese kleine und einfache Skript kann nützlich sein, um das Konzept veranschaulichen:

//makeSequencer will return a "sequencer" function
var makeSequencer = function() {
    var _count = 0; //not accessible outside this function
    var sequencer = function () {
        return _count++;
    }
    return sequencer;
}

var fnext = makeSequencer();
var v0 = fnext();     //v0 = 0;
var v1 = fnext();     //v1 = 1;
var vz = fnext._count //vz = undefined

InformationsquelleAutor

JavaScript-Funktionen können auf Ihre:

1. Argumente
2. Einheimischen (das heißt, deren lokale Variablen und lokale Funktionen)
3. Umgebung, die umfasst:
   • globals, darunter der DOM
   • alles, was in der äußeren Funktionen

Wenn eine Funktion greift auf seine Umgebung, dann ist die Funktion eine closure.

Beachten Sie, dass die äußeren Funktionen sind nicht erforderlich, obwohl Sie Vorteile bieten, die ich nicht hier diskutieren. Durch den Zugriff auf die Daten in seiner Umgebung, die eine Verschluss hält, die Daten lebendig. Im subcase von außen - /innen-Funktionen, eine äußere Funktion erstellen können lokale Daten und schließlich die Ausfahrt, und doch, wenn Sie keinen inneren Funktion(en) überleben, nachdem die äußere Funktion beendet, dann wird die innere Funktion(en) halten Sie die äußere Funktion lokalen Daten lebendig.

Beispiel für ein Verschluss verwendet die Globale Umwelt:

Vorstellen, dass der Stack-Overflow-Stimmen-und Stimmen-Unten-Taste-Ereignisse implementiert werden, wie Verschlüsse, voteUp_click und voteDown_click, dass der Zugriff auf externe Variablen isVotedUp und isVotedDown, die sind Global definiert. (Der Einfachheit halber beziehe ich mich auf StackOverflow die Frage, Vote-buttons, nicht die array-Antwort von Stimmberechtigt Tasten.)

Wenn der Benutzer auf die VoteUp-Taste, die voteUp_click Funktion überprüft, ob isVotedDown == true, um zu bestimmen, ob die Abstimmung nach oben oder nur stornieren, nach unten abstimmen. Funktion voteUp_click) ist ein closure, da Sie Zugriff auf seine Umgebung.

var isVotedUp = false;
var isVotedDown = false;

function voteUp_click() {
  if (isVotedUp)
    return;
  else if (isVotedDown)
    SetDownVote(false);
  else
    SetUpVote(true);
}

function voteDown_click() {
  if (isVotedDown)
    return;
  else if (isVotedUp)
    SetUpVote(false);
  else
    SetDownVote(true);
}

function SetUpVote(status) {
  isVotedUp = status;
  //Do some CSS stuff to Vote-Up button
}

function SetDownVote(status) {
  isVotedDown = status;
  //Do some CSS stuff to Vote-Down button
}

Alle diese vier Funktionen sind closures, wie Sie alle auf Ihre Umgebung.

InformationsquelleAutor

Als Vater einer 6-jährigen, die derzeit unterrichten junger Kinder (und ein relativer Neuling zur Codierung mit keine formale Ausbildung, so dass Korrekturen erforderlich werden), ich denke, die Lektion würde-stick am besten durch "hands-on" spielen. Wenn der 6-jährige ist bereit zu verstehen, was ein Verschluss ist, dann sind Sie alt genug, um zu machen. Ich würde vorschlagen, kopieren Sie den code in jsfiddle.net erklären ein wenig, und verlassen Sie allein, um Braut einen einzigartigen song. Der erklärende text unten ist wahrscheinlich besser geeignet für einen 10-jährigen.

function sing(person) {

    var firstPart = "There was " + person + " who swallowed ";

    var fly = function() {
        var creature = "a fly";
        var result = "Perhaps she'll die";
        alert(firstPart + creature + "\n" + result);
    };

    var spider = function() {
        var creature = "a spider";
        var result = "that wiggled and jiggled and tickled inside her";
        alert(firstPart + creature + "\n" + result);
    };

    var bird = function() {
        var creature = "a bird";
        var result = "How absurd!";
        alert(firstPart + creature + "\n" + result);
    };

    var cat = function() {
        var creature = "a cat";
        var result = "Imagine That!";
        alert(firstPart + creature + "\n" + result);
    };

    fly();
    spider();
    bird();
    cat();
}

var person="an old lady";

sing(person);

ANWEISUNGEN

DATEN: Daten ist eine Sammlung von Fakten. Es können zahlen, Wörter, Messungen, Beobachtungen oder auch nur Beschreibungen der Dinge. Können Sie nicht Anfassen, riechen oder schmecken. Sie können schreiben Sie es auf, es zu sprechen und zu hören. Sie könnten es verwenden, um erstellen berühren, riechen und schmecken mit einem computer. Es kann nutzbar gemacht werden, indem ein computer mithilfe von code.

CODE: Alle schreiben oben genannt code. Es ist in JavaScript geschrieben.

JAVASCRIPT: JavaScript ist eine Programmiersprache. Wie Englisch oder Französisch oder Chinesisch sind Sprachen. Es gibt viele Sprachen, die verstanden werden, die von Computern und anderen elektronischen Prozessoren. Für JavaScript zu verstehen, die von einem computer braucht es einen Dolmetscher. Stell dir vor, ein Lehrer, der nur Russisch spricht kommt um zu lehren Sie Ihre Klasse in der Schule. Wenn der Lehrer sagt "все садятся", die die Klasse nicht verstehen würde. Aber zum Glück hast du einen Russischen Schüler in Ihrer Klasse, sagt jeder, das bedeutet "alle hinsetzen" - so tun Sie alle. Die Klasse ist wie ein computer und die Russischen Schüler ist der interpreter. Für JavaScript die häufigsten interpreter aufgerufen wird, einen browser.

BROWSER: Wenn Sie eine Verbindung zum Internet auf einem computer, tablet oder Mobiltelefon, eine website zu besuchen, benutzen Sie eine browser. Beispiele, die Sie vielleicht wissen sind Internet Explorer, Chrome, Firefox und Safari. Kann der browser JavaScript versteht und dem computer sagen, was es tun muss. Die JavaScript-Anweisungen sind in Funktionen aufgerufen.

FUNKTION: EINE Funktion in JavaScript ist wie eine Fabrik. Es könnte eine kleine Fabrik mit nur einer Maschine im inneren. Oder es enthalten könnte viele weitere kleine Fabriken, jede mit vielen Maschinen zu tun verschiedenen Arbeitsplätze. In einer real-life-Kleider-Fabrik, die Sie haben könnten Unmengen von Stoff und Spulen von thread gehen und T-shirts und jeans kommen aus. Unsere JavaScript-Fabrik verarbeitet nur Daten, es kann nicht Nähen, ein Loch bohren oder Schmelzen des Metalls. In unserem JavaScript-Fabrik Daten geht und die Daten kommt.

Alle diese Daten-Zeug klingt ein bisschen langweilig, aber es ist wirklich sehr cool; vielleicht haben wir eine-Funktion, die sagt, ein Roboter, was Sie zum Abendessen machen. Sagen wir, ich lade Sie und Ihren Freund zu mir nach Hause. Sie möchten Hähnchenkeulen am besten, ich mag Würstchen, dein Freund will immer was Sie will und mein Freund kein Fleisch isst.

Ich habe keine Zeit, um Einkaufen zu gehen, so muss die Funktion wissen, was wir in den Kühlschrank, um Entscheidungen zu treffen. Jede Zutat hat eine andere Garzeit, und wir wollen, dass alles heiß serviert, die vom Roboter bei der gleichen Zeit. Wir brauchen, um die Funktion mit der Daten über das, was wir möchten, die Funktion könnte das "sprechen" Sie zum Kühlschrank, und die Funktion könnte die Steuerung des Roboters.

Eine Funktion der Regel hat einen Namen, Klammern und Klammern. Wie diese:

function cookMeal() {  /*  STUFF INSIDE THE FUNCTION  */  }

Beachten Sie, dass /*...*/ und // stop-code gelesen wird, durch den browser.

NAME: aufrufen Sie können eine Funktion nur über was auch immer Wort, das Sie wollen. Das Beispiel "cookMeal" ist typisch für das verbinden von zwei Wörtern zusammen und geben der zweite Großbuchstabe am Anfang - aber das ist nicht notwendig. Es kann nicht ein Raum, in es, und es kann nicht sein, eine Nummer auf seinem eigenen.

KLAMMERN: "Klammern" oder () sind der Briefkasten, der an die JavaScript-Funktion werkseitig ist die Tür oder den Briefkasten in der Straße zum senden von Paketen von Informationen an das Werk. Manchmal ist die postbox kann markiert werden zum Beispiel cookMeal(you, me, yourFriend, myFriend, fridge, dinnerTime), in dem Fall, dass Sie wissen, welche Daten Sie haben, um es zu geben.

KLAMMERN: "Zahnspange", die wie folgt Aussehen {} sind die getönten Scheiben unserer Fabrik. Aus dem inneren der Fabrik, können Sie sehen, aber von außen kann man nicht sehen.

DIE LANG-CODE-BEISPIEL OBEN

Unseren code beginnt mit dem Wort Funktion, so wissen wir, dass es eine ist! Dann den Namen der Funktion singen - das ist meine eigene Beschreibung, was die Funktion ist über. Dann Klammern (). Die Klammern sind auch immer es für eine Funktion. Manchmal sind Sie leer, und manchmal haben Sie etwas. Dieser hat das Wort: (person). Nach diesem gibt es eine Klammer wie diese { . Dies markiert den start der Funktion singen(). Es hat eine Partnerin, welche markiert das Ende der singen() wie diese }

function sing(person) {  /* STUFF INSIDE THE FUNCTION */  }

Damit diese Funktion könnte etwas mit Gesang zu tun, und vielleicht müssen einige Daten über eine person. Es hat Anweisungen, die im inneren etwas zu machen, dass die Daten.

Nun, nach der Funktion singen(), in der Nähe des Ende der code ist die Zeile

var person="an old lady";

VARIABLE: Die Buchstaben var stehen für "variable". Eine variable ist wie ein Umschlag. Auf der Außenseite dieser Umschlag mit der Aufschrift "Mensch". Auf der Innenseite enthält einen Zettel mit Informationen, die unsere Funktion braucht, einige Buchstaben und Leerzeichen zusammengefügt wie ein Stück Schnur (es heißt, einen string), mit einem Satz zu Lesen "eine alte Dame". Unsere Umschlag könnte andere Dinge wie zahlen genannt (ganze zahlen), Anweisungen (genannt Funktionen), Listen (genannt arrays). Da diese variable geschrieben wird, die außerhalb aller Klammern {}, und da kann man sehen durch die getönten Scheiben sind, wenn Sie innerhalb der Klammern, diese variable kann man von überall im code. Wir nennen dies eine 'Globale variable'.

GLOBALE VARIABLE: person ist eine Globale variable, was bedeutet, dass, wenn Sie ändern Sie seinen Wert von "einer alten Dame" , "einen Jungen Mann", der person halten ein junger Mann bis Sie sich entscheiden wieder zu ändern und jede andere Funktion in den code sehen können, dass es ein junger Mann. Drücken Sie die F12 - Taste oder die Optionen betrachten, die Einstellungen zum öffnen der Entwickler-Konsole des Browsers und geben Sie "person" zu sehen, was diese Wert ist. Geben Sie person="a young man" es zu ändern, und geben Sie dann "person" wieder zu sehen, dass er sich verändert hat.

Damit haben wir die Linie

sing(person);

Diese Zeile ruft die Funktion auf, als ob es riefe ein Hund

"Komm singen, Kommen Sie und Holen Sie sich person!"

Wenn der browser geladen hat, den JavaScript-code ein und erreichte diese Linie, wird es starten Sie die Funktion. Ich füge die Zeile am Ende, um sicherzustellen, dass der browser alle Informationen, die es braucht, um es auszuführen.

Funktionen definieren Aktionen - die main-Funktion ist über den Gesang. Es enthält eine variable namens firstPart das gilt für den Gesang, über die person, das gilt für jeden einzelnen der Verse des Liedes: "Es war" + person + ", die verschluckt". Wenn Sie firstPart in die Konsole ein, werden Sie nicht eine Antwort bekommen, da die variable gesperrt ist, in eine Funktion - die kann der browser nicht sehen, im inneren die getönten Scheiben der Klammern.

VERSCHLÜSSE: Die Verschlüsse sind kleinere Funktionen, die innerhalb der großen singen() Funktion. Der kleine Fabriken innerhalb der großen Fabrik. Sie haben jeweils Ihre eigenen Klammern, was bedeutet, dass die Variablen, die innerhalb Sie kann nicht von außen gesehen werden. Das ist, warum die Namen der Variablen (Kreatur und Ergebnis) kann wiederholt werden, in der Verschlüsse, aber mit anderen Werten. Wenn Sie diese Variablen-Namen in der Konsole-Fenster, die Sie nicht erhalten Ihren Wert, weil Sie verborgen ist, indem Sie zwei Schichten von getönten Scheiben.

Sind die Verschlüsse alle wissen, was die singen() Funktion variable namens firstPart ist, da Sie sehen können, aus Ihren getönten Fenstern.

Nachdem die Verschlüsse stammen die Zeilen

fly();
spider();
bird();
cat();

Singen () - Funktion aufrufen jede dieser Funktionen in der Reihenfolge, wie Sie gegeben sind. Dann das singen () - Funktion ist die Arbeit getan.

InformationsquelleAutor

Eine Antwort für einen sechs-Jahr-alten (vorausgesetzt, er weiß, was eine Funktion ist und was eine variable ist, und welche Art von Daten):

Funktionen können Daten zurück. Eine Art von Daten können Sie die Rückgabe aus einer Funktion eine andere Funktion. Wenn diese neue Funktion wird zurückgegeben, alle Variablen und Argumente, mit denen in der Funktion, erstellt es geht nicht Weg. Anstatt, dass die parent-Funktion "geschlossen." In anderen Worten, nichts kann in Ihr Innerstes sehen und sehen Sie die Variablen, die es verwendet, außer für die Funktion, die es zurückgegeben. Dass die neue Funktion hat eine Besondere Fähigkeit, zurück zu blicken in der Funktion, die Sie erstellt und die Daten im inneren.

function the_closure() {
  var x = 4;
  return function () {
    return x; //Here, we look back inside the_closure for the value of x
  }
}

var myFn = the_closure();
myFn(); //=> 4

Einem anderen, sehr einfachen Weg, es zu erklären ist, in Bezug auf den Leistungsumfang:

Jedes mal, wenn Sie einen kleineren Bereich innerhalb eines größeren Bereichs, der kleinere Rahmen immer in der Lage, um zu sehen, was im größeren Umfang.

InformationsquelleAutor

Würde ich einfach verweisen Sie Sie auf die Mozilla Verschlüsse Seite. Es ist die beste, die meisten knappe und einfache Erklärung der Schließung Grundlagen und praktische Anwendung, die ich gefunden habe. Es ist sehr empfehlenswert, wer JavaScript lernen.

Und ja, ich würde sogar empfehlen, es auf eine 6-jährige -- wenn der 6-jährige ist das lernen über die Verschlüsse, dann ist es logisch, Sie sind bereit zu verstehen, die knappe und einfache Erklärung im Artikel.

InformationsquelleAutor