Heim > Web-Frontend > js-Tutorial > Hauptteil

Variablensuche in JavaScript

PHPz
Freigeben: 2017-04-04 10:30:14
Original
1976 Leute haben es durchsucht

Wie wir alle wissen, werden JavaScriptVariablen entsprechend der Bereichskette durchsucht (weiterführende Informationen zu Bereich und Bereichskette finden Sie in meinem anderen Artikel „Basierend auf“) Sind die Suchmethoden für Variablen auf der linken und rechten Seite des Gleichheitszeichens für eine einfache Zuweisungsoperation identisch? Beginnen wir mit einem einfachen Beispiel~

console.log(a);   // undefined
var a = 3;
console.log(a);   // 3

console.log(b);  // ReferenceError
b = 4;
console.log(b);  //4
Nach dem Login kopieren

1. LHS (links-Linkssuche) und RHS (Rechts-Rechtssuche). )

Das Konzept ist wie folgt:

  • LHSAbfrage: versucht den Variablencontainer selbst zu finden, damit ihm ein Wert zugewiesen werden kann

  • RHS-Abfrage: Finden Sie den Wert einer Variablen

Für eine Zuweisungsanweisung var a = b; wird die LHS-Abfrage auf der linken Seite durchgeführt Gleichheitszeichen und RHS werden auf der rechten Seite der Gleichheitszeichenabfrage ausgeführt. Wenn es sich um eine gewöhnliche Druckanweisung console.log(a) handelt, gehört die Suchvariable a zur RHS-Abfrage.

Die Ähnlichkeiten zwischen den beiden: beide folgen der Scope-Chain-Suche .

2. Der Unterschied zwischen LHS- und RHS-Abfrage

(1) LHS-Abfrage
Wenn die JavaScript-Engine die LHS-Abfrage ausführt, wenn die Zielvariable nicht auf der obersten Ebene gefunden werden kann Bereich, erstellen Sie dann eine Variable mit diesem Namen im globalen Bereich und geben Sie sie an die Engine zurück (im nicht-strikten Modus).

Bitte beachten Sie, dass es sich bei den so erstellten globalen Variablen streng genommen nicht um echte Variablen handelt, sondern um die Attribute des globalen Objekts , denen übergeben werden kann <a href="http://www.php.cn/wiki/1298.html" target="_blank">löschen<code><a href="http://www.php.cn/wiki/1298.html" target="_blank">delete</a>Operatorlöschen . Mit var deklarierte globale Variablen können jedoch nicht mit dem delete-Operator gelöscht werden.

Siehe das Beispiel am Anfang des Artikels:

b = 4;
console.log(b);  // 4
delete b;
console.log(window.b); // undefined
Nach dem Login kopieren

Es ist keine Variable b im Programm deklariert, aber da die LHS-Abfrage automatisch die Zielvariable erstellt, wird diese automatisch erstellt nicht gefunden wird, drucken Sie b Return 4. Dann löschen Sie b, und der Löschvorgang ist erfolgreich.

Wenn es sich um einen strikten Modus handelt:

"use strict";
b = 4;
console.log(b);
Nach dem Login kopieren

Zu diesem Zeitpunkt kann die LHS-Abfrage nicht automatisch nicht deklarierte Zielvariablen erstellen, sodass beim Drucken beine auslöst Ausnahme :Uncaught ReferenceError: b is not defined.

(2) RHS-Abfrage
Wenn die JavaScript-Engine die RHS-Abfrage ausführt und die Zielvariable nicht in der Bereichskette gefunden werden kann, löst die Engine eine ReferenceError-Ausnahme aus.

Siehe das Beispiel am Anfang des Artikels:

console.log(b);  
b = 4;
Nach dem Login kopieren

RHS-Abfragevariable b, die Variablendefinition wurde im globalen Bereich nicht gefunden, daher hat die Engine eine Ausnahme ausgelöst Uncaught ReferenceError: b is not defined

3. Tipps

(1) Variablenheraufstufung
Konzept: Mit var deklarierte Variablen werden vom JavaScript-Interpreter immer stillschweigend an die Spitze des Methodenkörpers „heraufgestuft“. .

Beziehen Sie sich auf das Beispiel am Anfang des Artikels:

console.log(a); 
var a = 3;
Nach dem Login kopieren

Die JavaScript-Engine analysiert es wie folgt:

var a = undefined;
console.log(a); 
a = 3;
Nach dem Login kopieren

Also beim Drucken a Zum ersten Mal wird es zurückgegeben undefined.

(2) ReferenceError und TypeError
ReferenceError stellt einen Fehler bei der Bereichsbestimmung dar, d. h. einen Fehler bei der Abfrage von Variablen innerhalb des Bereichs.
TypeError bedeutet, dass die Bereichsbestimmung erfolgreich war, die Operation für das Ergebnis jedoch illegal oder unangemessen ist.

Zum Beispiel:

foo();
var foo = function () {
     console.log('a');
}
Nach dem Login kopieren

Beim Ausführen der foo()-Anweisung findet die erste RHS-Suche die foo-Variable im globalen Bereich und der Wert ist undefined (Variablenheraufstufung). ).
betreibt dann die -Variable im Ausführungsmodus der -Funktion foo. Offensichtlich ist undefined keine zulässige Funktion, daher löst die Engine eine Ausnahme aus: Uncaught TypeError: foo is not a function und die Ausführung schlägt fehl.

Das obige ist der detaillierte Inhalt vonVariablensuche in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!