Heim >Web-Frontend >js-Tutorial >Was sind anonyme Funktionen, verschachtelte Funktionen und Abschlüsse?
Anonyme Funktion: Sie wurde auch im vorherigen Artikel erwähnt, der sich auf eine Funktion ohne Funktionsnamen bezieht
function (){ console.log('匿名函数') }
Was ist mit verschachtelten Funktionen? Bitte schauen Sie sich den Code an:
function test (){ var sum = 20; //内嵌函数 demo = function(){ alert(sum); console.log('我是嵌套函数'); } }
Wie im Code gezeigt, sind Funktionen in Funktionen eingebettet, die als verschachtelte Funktionen bezeichnet werden.
Was ist eine Schließung?
Es gibt nicht viel zu sagen, schauen Sie sich den Code an
function demo(){ var num = 0; // 返回一个函数 return function(){ alert( num+1 ); } } //将返回的函数赋值给 add 变量 var add = demo(); // add就是一个闭包 add();
So gesehen fühlt es sich so an, als ob es sich um eine verschachtelte Funktion handelt und auf Variablen im oberen Bereich zugegriffen werden kann. es ist ein Abschluss. ist das so?
Wir wissen, dass es in js in einen globalen Bereich und einen lokalen Bereich unterteilt ist. Jede Funktion entspricht einem lokalen Bereich.
In ähnlicher Weise werden Variablen auch in globale Variablen und lokale Variablen unterteilt. Was ist der Unterschied?
Im Browser ist das globale Scope-Objekt window, was bedeutet, dass das Fensterobjekt existiert, sobald die Seite geöffnet wird.
In js ist jede Funktion ein lokaler Bereich, und lokale Variablen werden bei der Ausführung der Funktion erstellt und nach der Ausführung zerstört.
Globale Variablen sind immer vorhanden, solange die Seite nicht geschlossen ist. Es wird nicht zerstört, wenn die Funktion ausgeführt wird.
Was hat das also mit Schließungen zu tun?
Im Buch „JavaScript Advanced Programming“ wird das Konzept der „Scope Chain“ erwähnt. Das Besondere ist, dass globale Variablen direkt innerhalb der Funktion gelesen werden können.
Variablen innerhalb der Funktion können jedoch nicht außerhalb der Funktion gelesen werden.
Mit anderen Worten, die Zielfernrohrkette ist wie eine Leiter, die nur nach oben, aber nicht nach unten gehen kann. Schauen wir uns zum Verständnis den Codeausschnitt an
var name = "window"; var age = 20; dmeo(); function demo(){ var age = 21; console.log(name); // window console.log(age); //21 }
Wenn die Funktion demo() ausgeführt wird, wird eine Kette erstellt, die zum globalen Bereich führt, der die Variablen des aktuellen Bereichs für Suche und Rückgabe speichert.
Beim Ausführen des Codes console.log(name) wird gesucht, ob die Namensvariable im aktuellen Bereich existiert (Demofunktion). Da der aktuelle Bereich nicht existiert, wird der globale Variablenname nach oben gefunden. Daher wird window;
Beim Ausführen des Codes console.log(age) wird auch gesucht, ob die Altersvariable im aktuellen Bereich vorhanden ist (Demofunktion). Da sie vorhanden ist, wird 21 zurückgegeben.
Da der Mechanismus nur nach oben lesen kann, stellen Sie sich die Frage, wie die Variablen der internen Funktion extern gelesen werden können.
Es gibt keine Möglichkeit, nehmen Sie einfach ein paar Änderungen vor. Dies erfordert die Verwendung des Abschlusskonzepts.
function f1(){ var num = 0 ; //定义内部函数 function f2(){ return num + 1; } //返回 f2函数引用 retufn f2; } // bar 变量也指向 f2 函数,在此也是一个闭包 var bar = f1(); //执行 bar(); // 1;
Wir wissen, dass die Variablen in der Funktion nach der Ausführung der Funktion zerstört werden. Was den obigen Code betrifft, wird nach der Ausführung der Funktion f1 () die Funktion f2 einer globalen Variablen zugewiesen, und die Variable der Funktion f2 hängt von der Variablen num von f1 ab. Daher ist die Variable num in f1
ändert sich nicht, nachdem die Funktion von f1 ausgeführt wurde.
Hier leihen wir uns den Titel „Ruan Yifeng“, um unser Verständnis zu analysieren und zu vertiefen.
Link: JavaScript-Verschlüsse lernen
var name = "the window"; var obj = { name : 'the obj', getName : function(){ return funciton(){ return this.name; } } } //执行 getName返回的函数 alert(obj.getName()());
Schauen wir uns die Aufruffunktionsanalyse an und teilen sie zur Ausführung in zwei Teile. Schauen wir uns zunächst obj.getName() an. Zu diesem Zeitpunkt wird die getName-Funktion vom obj-Objekt aufgerufen, daher ist der Wert davon obj. Aber dieses Mal gibt es keine Ausgabe aus, sondern gibt eine Funktion zurück.
Fügen Sie eine (); hinzu, um die zurückgegebene Funktion auszuführen, aber die zurückgegebene Funktion wird von keinem Objekt aufgerufen. Wenn sie nicht vom Objekt selbst aufgerufen wird, wird der Wert davon zum Fensterobjekt hochgestuft. Die Ausgabe ist also „das Fenster“
var name = "the Window"; var obj = { name : "the obj", getName : funciton(){ var that = this; return function(){ return that.name; } } } //执行 getName 返回的函数 alert(obj.getName()());
Das obige ist der detaillierte Inhalt vonWas sind anonyme Funktionen, verschachtelte Funktionen und Abschlüsse?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!