Verwendung von JS-Verschlüssen

Dieses Mal werde ich Ihnen die Verwendung von JS-Verschlüssen vorstellen. Was sind die Vorsichtsmaßnahmen bei der Verwendung von JS-Verschlüssen?

Schließung ist eine Schwierigkeit der Javascript-Sprache, und es ist auch ihre Funktion. Viele fortgeschrittene Anwendungen basieren auf Schließungen.

Das Folgende sind meine Lernnotizen, die für Javascript-Anfänger sehr nützlich sein dürften.

1. Der Umfang von Variablen

Um Abschlüsse zu verstehen, müssen Sie zunächst den speziellen Variablenumfang von Javascript verstehen.

Der Umfang von Variablen besteht lediglich aus zwei Typen: globale Variablen und lokale Variablen.

Das Besondere an der Javascript-Sprache ist, dass globale Variablen direkt innerhalb der Funktion gelesen werden können.

var n=999;

function f1(){
warning(n);
}

f1(); // 999

Andererseits können lokale Variablen innerhalb einer Funktion nicht außerhalb der Funktion gelesen werden.

function f1(){
var n=999;
}

warning(n); // Fehler

hier Beachten Sie, dass Sie beim Deklarieren von Variablen innerhalb einer Funktion den Befehl var verwenden müssen. Wenn Sie es nicht verwenden, deklarieren Sie tatsächlich eine globale Variable!

function f1(){
n=999;
}

f1();

warning(n); 🎜>

definieren Sie eine Funktion .

function f1(){

var n=999;

function f2(){

warning(n); // 999
}

　}

function f1(){

var n=999;

function f2(){

warning(n); >
Return f2;

}

var result=f1();

result(); // 999

drei , Das Konzept des Abschlusses

Funktion f1(){

var n=999;

nAdd=function(){n+=1}

Funktion f2(){
　　alert(n);
　　}

　　return f2;

　}

　var result=f1(); // 999

　nAdd ();

　result(); // 1000

In diesem Code ist result eigentlich die Abschlussfunktion f2. Es wurde zweimal ausgeführt, das erste Mal war der Wert 999, das zweite Mal war der Wert 1000. Dies beweist, dass die lokale Variable n in der Funktion f1 immer im Speicher gespeichert ist und nach dem Aufruf von f1 nicht automatisch gelöscht wird.

Warum passiert das? Der Grund dafür ist, dass f1 die übergeordnete Funktion von f2 ist und f2 einer globalen Variablen zugewiesen ist, wodurch f2 immer im Speicher bleibt und die Existenz von f2 von f1 abhängt, sodass f1 immer im Speicher ist und nicht gelöscht wird Nach Abschluss des Anrufs wird es vom Garbage-Collection-Mechanismus recycelt.

Eine weitere erwähnenswerte Sache in diesem Code ist die Zeile „nAdd=function(){n+=1}“. Erstens wird das Schlüsselwort var nicht vor nAdd verwendet, daher ist nAdd eher eine globale Variable als lokale Variablen. Zweitens ist der Wert von nAdd eine

(anonyme Funktion), und diese anonyme Funktion selbst ist auch ein Abschluss, sodass nAdd einem Setter entspricht, der lokale Variablen innerhalb der Funktion außerhalb von operieren kann Funktion. 5. Zu beachtende Punkte bei der Verwendung von Abschlüssen

1) Da Abschlüsse dazu führen, dass die Variablen in der Funktion im Speicher gespeichert werden, was viel Speicher verbraucht, können Abschlüsse andernfalls nicht missbraucht werden Dies führt zu Leistungsproblemen auf Webseiten und kann zu Speicherverlusten im IE führen. Die Lösung besteht darin, alle nicht verwendeten lokalen Variablen zu

, bevor die Funktion beendet wird. 2) Der Abschluss ändert den Wert der Variablen innerhalb der übergeordneten Funktion außerhalb der übergeordneten Funktion. Wenn Sie also die übergeordnete Funktion als Objekt (

), den Abschluss als öffentliche Methode (Public Method) und die internen Variablen als private Eigenschaft (privater Wert) verwenden, sollten Sie dies nicht tun Ändern Sie die Werte von Variablen innerhalb der übergeordneten Funktion beiläufig. 6. Fragen zum Nachdenken

Wenn Sie die Ergebnisse der folgenden beiden Codeteile verstehen können, sollten Sie den Funktionsmechanismus von Schließungen verstehen.

Codeausschnitt 1.

var object = {

name : "My Object",

getNameFunc : function(){

return function(){

return this.name;
);

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben, bitte Achten Sie auf andere verwandte Artikel auf der chinesischen PHP-Website!

Codeausschnitt 2.

Empfohlene Lektüre:

So verwenden Sie JavaScript-Strings

var name = "The Window";
　　var object = {　　　　name : "My Object",
　　　　getNameFunc : function(){　　　　　　var that = this;　　　　　　return function(){　　　　　　　　return that.name;　　　　　　};
　　　　}
　　};
　　alert(object.getNameFunc()());

So implementieren Sie die bidirektionale Bindung von Daten im WeChat-Applet-Set

Das obige ist der detaillierte Inhalt vonVerwendung von JS-Verschlüssen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!