Umfang und Heben von Variablen in JavaScript | Mit Beispielen erklärt
Variablen Umfang in JavaScript
Bevor wir zuerst in den Umfang der Variablen eintauchen, müssen wir verstehen, was eine Variable in JavaScript ist und wie eine Variable erstellt wird.
Eine Variable fungiert als Container, der einige Daten enthält. Diese Variablen können mit drei verschiedenen Schlüsselwörtern als "var", "let" und "const" erstellt werden.
In JavaScript hat eine Variable zwei Arten von Umfang und wir werden jeden von ihnen mit einigen Beispielen diskutieren.
Blockenziele in JavaScript blockieren
Früheres JavaScript unterstützt den Block -Umfang nicht, aber nach der Veröffentlichung von ES6 ist dies der Fall. ES6 führt ein paar neue Schlüsselwörter vor, wie LET und CONT. Diese Keywords bieten Blockbereich in JavaScript an.
Der Blockbereich in JavaScript wird durch Curly -Zahnspangen "" dargestellt, wodurch jede Variable festgelegt wird, die innerhalb des Blockbereichs deklariert wird. Die im Block initialisierten Variablen werden als lokale Variablen bezeichnet.
Jetzt werden wir die Arbeit von Variablen verstehen, die im Blockbereich deklariert sind.
Variable, die mit dem Schlüsselwort „var“ deklariert wurden. Betrachten Sie das folgende Beispiel, in dem die Variable mit dem Schlüsselwort „var“ deklariert wird, und beobachten Sie, wie sie funktioniert:
Wenn wahr)var a = 100;
Konsole.log ("Variable im Blockbereich:", a);
Wir haben eine Variable im Block mit dem Schlüsselwort "var" erstellt und sie den Wert "100" zuweisen. Wenn wir auf diese Variable im Block zugreifen, wird die folgende Ausgabe angezeigt:
Verbessern Sie das obige Beispiel ein wenig mehr und greifen Sie außerhalb des Blocks auf die Variable "A" zu:
Wenn wahr)var a = 100;
Konsole.log ("Variable im Blockbereich:", a);
Konsole.log ("Variable außerhalb des Blockbereichs:", a);
Beachten Sie nun die Ausgabe:
Die Ausgabe überprüft, dass das Schlüsselwort „var“ keinen Blockbereich haben kann.
Erstellen Sie nun die Variablen mit dem Schlüsselwort „Let“ und „const“ und versuchen Sie, auf sie von außerhalb des Blockbereichs zuzugreifen:
Wenn wahr)Sei a = 100;
const b = 150;
Konsole.log ("Lassen Sie den Blockbereich in den Block:", a);
Konsole.log ("const im Blockbereich:", b);
Konsole.log ("Lassen Sie außerhalb des Blockbereichs:", a);
Konsole.log ("const außerhalb des Blockbereichs:", b);
Greifen Sie nun sowohl auf beide Variablen von innen als auch von außerhalb des Blocks zu:
Die Ausgabe verifiziert, dass diese Variablen innerhalb des Blockbereichs zugänglich sind. Wenn wir jedoch versuchen, auf sie von außerhalb des Blockbereichs zuzugreifen, tritt ein Fehler auf “Unkaushöser ReferenzError”:
Globaler Bereich in JavaScript
Variablen, die von überall von außen oder innerhalb der Funktion/Block von überall von überall zugänglich sein können. Egal ob sie außerhalb der Funktion/Block oder innerhalb der Funktion oder Block I erstellt werden. I.e. Variable, die im Block mit dem Schlüsselwort "var" erstellt wurde.
In JavaScript wird eine Variable nicht ordnungsgemäß deklariert, dann wird sie standardmäßig im globalen Bereich erstellt.
Betrachten Sie das folgende Beispiel und beobachten Sie, wie eine globale Variable funktioniert:
var a = 100;sei b = 120;
const c = 250;
Wenn wahr)
Konsole.log ("globale Variable:", a);
Konsole.log ("globale Variable:", b);
Konsole.log ("globale Variable:", C);
In diesem Beispiel haben wir die Variablen weltweit deklariert und im IF-Statement-Block auf sie zugegriffen:
Die Ausgabe überprüft, dass wir überall im Programm auf die weltweit definierten Variablen zugreifen können:
Heben in JavaScript:
Heben bezieht sich auf ein Phänomen, das die variablen Erklärungen nach oben bewegt.
Hier müssen wir den Unterschied zwischen der variablen Deklaration und der variablen Initialisierung verstehen, z. Jetzt werden wir ein Beispiel nehmen, um zu verstehen, wie wir den Code schreiben und wie JavaScript diesen Code interpretiert:
var a = 10;dokumentieren.Schreib ein);
var b = 20;
JavaScript wird es lesen als:
var a;var b;
a = 10;
dokumentieren.Schreib ein);
B = 20;
JavaScript bewegt den Deklarationsteil oben, während der Initialisierungsteil an seiner Position bleibt.
Bisher haben wir in allen Beispielen eine Variable erstellt und ihnen einen Wert zugewiesen und dann am Ende auf die Variable zugreifen. Was ist, wenn wir versuchen, vor seiner Initialisierung/Deklaration auf eine Variable zugreifen zu können?. In diesem Fall zeigt JavaScript einen undefinierten Wert wie im folgenden Beispiel:
Konsole.log ("Zugriff vor Deklaration:", a);var a = 45;
In diesem Beispiel versuchen wir, den Wert der Variablen „A“ vor seiner Deklaration zu drucken. In der nächsten Anweisung haben wir die Variable erstellt und ihm einen Wert zuweisen. Bei einer erfolgreichen Ausführung erhalten wir die folgende Ausgabe:
Dies geschieht, weil JavaScript bereits vor der Ausführung dieses Codes dem “einem undefinierten Wert der“ zugewiesen hatvar a"Dann liest es"Konsole.Protokoll (a)" und dann "A = 45”, Deshalb zeigt es undefinierte anstelle von 45.
Wenn wir das Schlüsselwort „var“ überspringen, deklarieren wir keine Variable, sondern initialisieren nur eine Variable. In diesem Fall werden wir versuchen, auf eine Variable vor seiner Erklärung zuzugreifen, wir werden uns mit einem Refferenzegerror ausstellen, wie wir es im folgenden Beispiel getan haben:
Konsole.log ("Zugriff vor Deklaration:", a);A = 45;
Wir versuchen, den Wert von „A“ auf der Konsole vor seiner Deklaration zu drucken. In der nächsten Anweisung weisen wir der Variablen A 'a' dann in der nächsten Anweisung einen Wert zu, ohne das Schlüsselwort „var“ zu verwenden:
Wir erhalten die folgende Ausgabe:
Abschluss
In JavaScript bestimmt der Umfang der Variablen, wo Sie auf eine Variable im Code zugreifen können, während das Heben der Variablen auf das Konzept des Aufrufens der Variablenerklärungen an die Spitze des Programms bezieht. Dieser Artikel enthält die Punkte, um das Konzept des Umfangs und des Hebens der Variablen in JavaScript zu verstehen.