js-Bereich und Voranalysemechanismus (ausführliches Tutorial)

Dieser Artikel bietet Ihnen hauptsächlich eine detaillierte Analyse des Umfangs von js, des Voranalysemechanismus und der zugehörigen Codeanalyse. Freunde, die daran interessiert sind, können daraus lernen.

Obwohl ES6 in unserer Arbeit immer häufiger verwendet wird, behalten viele Projekte immer noch die ES5-Schreibmethode bei. Daher werde ich Sie heute dazu bringen, den Umfang und den Voranalysemechanismus unter ES5 neu zu konsolidieren.

Konzept:

Geltungsbereich: Domäne bezieht sich auf einen Raum, einen Bereich und einen Bereich, und seine Funktion bedeutet, dass Lese- und Schreibvorgänge innerhalb der Domäne ausgeführt werden können. Der Gültigkeitsbereich einer Variablen ist der Bereich, in dem die Variable im Programmquellcode definiert ist.

In ES5 gibt es nur globale und Funktionsebene-Bereiche. In ES6 wird der Vor-Parsing-Mechanismus von js grob in zwei Prozesse unterteilt: Vor-Parsing und Top-Down Schritt-für-Schritt. Zeileninterpretation

Vorbereitendes Parsen: Der js-Parser speichert zunächst Variablen, Funktionen, Parameter und andere durch var definierte Dinge im Warehouse (Speicher). Bevor die Variable var offiziell ausgeführt wird, wird ihr der Wert undefiniert zugewiesen. Bevor die Funktion Funktion ausgeführt wird, wird der gesamte Funktionsblock

Zeile für Zeile interpretiert

Ausdruck =, +, -. , *, /, + +,--,! , %....number() und Parametern können alle Werte zugewiesen werden

Wenn es doppelte Namen gibt, bleibt nur einer übrig. Variablen und Funktionen haben doppelte Namen und Funktionen haben eine höhere Priorität als Variablen. Es bleiben nur noch Funktionen übrig

Funktionsaufruf (eine Funktion ist ein Bereich. Wenn Sie auf einen Bereich stoßen, wird er entsprechend dem Prozess der ersten Voranalyse und dann der zeilenweisen Interpretation ausgeführt. Schauen Sie zuerst nach). Wenn Sie die Parameter lokal nicht finden können, suchen Sie sie von unten nach oben (Funktion Domänenkette).

Das Konzept ist seit langem gedehnt Etwas schwindlig, und erfahrene Fahrer können früh aus dem Bus aussteigen. Lassen Sie uns als nächstes ein paar kleine Kastanien geben und sie mit der oben genannten Theorie kombinieren.

Übung

Beispiel 1:

alert(a); //error: a is not defined
a = 3;

Analyse:

Voranalyse

Wie oben erwähnt, Voranalyse Während der Analyse werden nur Variablen, Funktionen, Parameter usw. gespeichert, daher:

Var-Funktionsparameter werden nicht im gesamten Bereich gefunden

Zeile für Zeile interpretiert

Nach dem Vorparsen ist der Speicher vorhanden und der gesamten Variablen von underfind wird ein Wert zugewiesen. Daher meldet das Programm direkt einen Fehler während der Ausführung des Codes.

Beispiel 2:

alert(a); //undefined
var a = 3;

Analyse:

Vorparsing

Wie oben erwähnt, nur var, Funktion, Parameter, usw. werden gespeichert, also:

Bei der Ausführung bis zur zweiten Zeile ist der Wert von a undefiniert.

Zeile für Zeile interpretieren

Erste Zeile: Nach dem Vorparsen existiert a im Speicher und wird unterdefiniert zugewiesen

Beispiel 3:

alert(a);          // function a (){ alert(4); }
var a = 1;
alert(a);          // 1
function a (){ alert(2); }
alert(a);          // 1
var a = 3;    
alert(a);          // 3
function a (){ alert(4); }
alert(a);          // 3

Analyse:

Domänenanalyse

Wie oben erwähnt, werden während der Voranalyse nur Variablen, Funktionen, Parameter usw. gespeichert, also:

bis zur ersten Zeile ausgeführt. In der zweiten Zeile ist der Wert von a undefiniert.

Wenn die Ausführung die vierte Zeile erreicht, ist der Wert von a die Funktion selbst, also die Funktion a(){alert(2);}.

Wenn die Ausführung die sechste Zeile erreicht, ist der Wert von a immer noch der Wert der vierten Zeile, also der Funktion a(){alert(2);}, da die Funktion eine höhere Priorität hat als die Variable.

Wenn die Ausführung die achte Zeile erreicht, wird der Wert von a zur Funktion a(){alert(4);}, denn wenn zwei Funktionen denselben Namen haben, wird der Code von oben nach unten ausgeführt.

Zeile für Zeile interpretieren

Nachdem die Voranalyse abgeschlossen ist, wird der Code Zeile für Zeile ausgeführt

Die erste Zeile: function a(){alert(4 );} wird angezeigt, da nach Abschluss der Voranalyse der Wert einer im Speicher gespeicherten Funktion a(){alert(4);}

Die zweite Zeile: Es gibt einen Ausdruck in der zweiten Zeile und a wird zugewiesen. Der Ausdruck „Neuer Wert 1“ ändert den Wert der Variablen. Ausdrücke können den vorbereiteten Wert ändern.

Die dritte Zeile: a wird jetzt der Wert 1 zugewiesen und alle 1 werden angezeigt

Die vierte Zeile: Es handelt sich nur um eine Funktionsdeklaration, es wird kein Ausdruck verwendet, und das gibt es auch kein Funktionsaufruf. Der Wert von a wird also nicht geändert.

Zeile 5: Da sich der Wert von a nicht geändert hat, ist er immer noch 1

Zeile 6: Ein Ausdruck wird verwendet und a wird ein neuer Wert 3 zugewiesen

Kapitel Zeile sieben: 3

wird angezeigt. Zeile acht: Die Deklaration der Funktion ändert den Wert von a nicht.

Zeile 9: Der Wert von a hat sich nicht geändert, also ist er immer noch 3

Durch das obige Beispiel glaube ich, dass jeder ein gewisses Verständnis für den Voranalyseprozess des Variablenbereichs haben sollte . Als nächstes geben wir noch ein paar Beispiele für den Funktionsumfang

Beispiel 4:

var a=1;
function fn1(){
  alert(a); //undefined
  var a = 2;
}
fn1();
alert(a) //1

Beispiel 5:

var a=1;
function fn1(a){
  alert(a); //1
  var a = 2;
}
fn1(a);
alert(a) //1

Beispiel 6:

var a=1;
function fn1(a){
  alert(a); //1
  a = 2;
}
fn1(a);
alert(a) //1

Beispiel 7:

var a=1;
function fn1(){
  alert(a); //1
  a = 2;
}
fn1(a);
alert(a) //2

Das Obige habe ich für alle zusammengestellt. Ich hoffe, es wird für alle hilfreich sein die Zukunft.

Verwandte Artikel:

So fügen Sie HTML-Tag-Elemente mit Stilen in jquery dynamisch hinzu

So implementieren Sie es in node.js fs Dateisystemverzeichnisoperation und Dateiinformationsoperation?

So fügen Sie dynamisch Li-Tags hinzu, fügen Attribute hinzu und binden Ereignismethoden in jQuery

Das obige ist der detaillierte Inhalt vonjs-Bereich und Voranalysemechanismus (ausführliches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!