Unterschiede zwischen JavaScript var und Let
JavaScript ist eine Skriptsprache, die ihre Variablen mit Schlüsselwörtern wie let, const oder var in verschiedenen Typen deklariert. let und const haben die gleichen lexikalischen Eigenschaften. Der lexikalische Bereich ist definiert als die Sichtbarkeit der Werte der Variablen über den definierten oder eingeschlossenen Block, der die gültigen Werte enthält und auf den zugegriffen werden kann.
Das lexikalische Scoping von JavaScript wird auch als statisches Scoping oder Closures bezeichnet. Dies ist ein leistungsstarkes Konzept. In JavaScript hat var keinen Blockbereich. Wenn es in einer Klasse deklariert ist, ist es für den gesamten Bereich von oben nach unten sichtbar, wohingegen der Zugriff auf den Variablenwert außerhalb des eingeschlossenen Blocks nicht zulässig ist. 'var'-Deklarationen werden verarbeitet, wenn die Funktionsausführung beginnt. Dies ähnelt dem Konzept des Hochziehens der Funktion.
Die "let" -Anweisung wurde in die ECMAScript-Standardversion 6 eingeführt, die häufig als ES6 oder ES 2015 bezeichnet wird. ECMAScript ist die Organisation zur Verwaltung der globalen Standardversionen von JavaScript, um die Anpassungsfähigkeit über alle Webbrowser und die Umgebung hinweg zu gewährleisten und alle wichtigen zu erhalten Internet-Riesen in der Schlange sein.
Nehmen wir in JavaScript an, dass eine Variable in der bedingten for () -Schleife deklariert ist, dann als global und außerhalb dieser Schleife verfügbar ist, wohingegen let dies nicht zulässt und den Zugriff auf die deklarierte let-Variable nur innerhalb der for-Schleife einschränkt. Das erneute Deklarieren einer Variablen mit let führt zu einem Syntaxfehler während des Kompiliervorgangs.
Head to Head Vergleich zwischen JavaScript Var und Let
Unten finden Sie die Top 8 Vergleiche zwischen JavaScript Var und Let 
Hauptunterschiede zwischen JavaScript Var und Let
Sowohl JavaScript Var als auch Let sind beliebte Optionen auf dem Markt. Lassen Sie uns einige der Hauptunterschiede zwischen JavaScript Var und Let diskutieren:
- Eine Variable ist der Name des Speichers für einen Wert, der zur Identifizierung seines Speicherorts zugewiesen wurde. In JavaScript kann eine Variable mit let oder var deklariert werden. Der Deklarationsbereich 'var' ist global, unabhängig von seinem deklarierten Bereich oder seiner Position, wohingegen die mit der Anweisung let deklarierte Variable einen Gültigkeitsbereich mit Blockbereich oder einen eingeschlossenen Gültigkeitsbereich hat.
- In den meisten älteren Versionscodes wurde var für die meisten Variablen gefunden, die in den meisten JavaScript-Codes deklariert sind. 'var' hebt den Variablenwert auf den gesamten Gültigkeitsbereich, während die let-Anweisung den Wert nicht hebt.
- Die 'var'-Deklaration war seit Beginn von JavaScript verfügbar und let-Anweisung wurde kürzlich in der ES6-Version (ES 2015) von JavaScript eingeführt, um Block-Scoping-Funktionen zu erzwingen.
- 'var', das auf einer beliebigen Bereichsebene deklariert wurde, wird global, wohingegen let scope einen Blockbereich hat, in dem ein Block als zwischen geschweiften Klammern eingeschlossener Code definiert werden kann ().
- Mit 'var' deklarierte Variablen in JavaScript initialisieren den Standardwert der Variablen auf undefined, sobald sie im Gültigkeitsbereich deklariert sind, während deklarierte Variablen auch den Standardwert undefined laden.
- var hat keinen lexikalischen Geltungsbereich, sondern einen globalen Geltungsbereich, während let den Geltungsbereich blockieren muss, der implizit oder explizit sein kann, basierend auf der Platzierung der let-Anweisung. Wenn let-Anweisung innerhalb des Blockbereichs vorhanden ist, wird sie zum lexikalischen Gültigkeitsbereich.
- Im Gültigkeitsbereich des Windows-Objekts können var-Variablen verwendet werden, wohingegen in diesem Szenario keine mit let-Anweisungen deklarierten Variablen verwendet werden können.
- Es ist nicht sicherer, den Typ von in den mit der let-Anweisung deklarierten Bezeichnern zu verwenden, was für die var-deklarierten Variablen anders ist.
- Im Hinblick auf den Leistungsvergleich ist var schneller und verlangsamt sich in den Schleifen, während der Code ausgeführt oder ausgeführt wird.
- Das erneute Deklarieren von var als Variable in derselben Funktion oder demselben Gültigkeitsbereich führt zu einem Syntaxfehler, während let als deklarierte Variable nicht erneut deklariert werden kann.
- Die Fehler und die Verwechslung von Werten, die innerhalb des Gültigkeitsbereichs außer Kraft gesetzt werden, können durch die Verwendung der deklarierten Variablen let vermieden werden. Es wird empfohlen, diese Variable nach Möglichkeit und nicht in allen Fällen zu verwenden.
- In JavaScript kann eine Variable mit var als var a = 1 deklariert werden. in der Erwägung, dass eine Variable mit der Anweisung let wie folgt deklariert werden kann: let a = 1; Der einzige Unterschied zwischen var und let in Javascript ist der Gültigkeitsbereich und die Deklaration oder Neudeklaration.
- Der Name der deklarierten Variablen unterliegt einigen Einschränkungen, die beachtet werden müssen, bevor der Name mit Buchstaben, Ziffern, $ oder _ Zeichen beginnt. Die Anweisungen var und let in Javascript sollten auch nicht als Name der Bezeichner beim Deklarieren der Variablen verwendet werden.
Vergleichstabelle zwischen JavaScript Var und Let
Es folgt die Vergleichstabelle zwischen JavaScript Var und Let
| Die Grundlage für Vergleiche zwischen JavaScript Var und Let | JavaScript Var | Lassen |
| Definition | var ist die alte Deklarationsmethode von variable | Let ist eine kürzlich eingeführte Form der Variablendeklaration |
| Verwendung | Wird hauptsächlich zum Deklarieren von Variablen in JavaScript-Programmen verwendet | Entspricht var, bietet jedoch zusätzliche Funktionen zum Erzwingen des Zugriffs auf den Blockbereich |
| Erklärung | Kann überall deklariert werden und die Variable wird gehisst | Kann überall deklariert und auf den Sperrbereich beschränkt werden |
| Barrierefreiheit | Globaler Zugriff | Zugriff auf Gültigkeitsbereiche oder lexikalisches Scoping blockieren |
| Modus | Im strikten Modus ermöglicht var die Neudeklaration einer Variablen im selben Bereich. | let erlaubt nicht die erneute Deklaration derselben Variablen |
| Browser-Unterstützung | Alle Browser unterstützen var | Nur wenige Browser unterstützen let statement nicht |
| Heben | Globale Variablen werden gehisst | Blockbereichsvariablen werden tatsächlich nicht angehoben |
| Kompatibilität | Unterstützt von allen Browsern und JS-Laufzeitumgebungen | Transpiler wie Babel können zum Konvertieren in ältere Versionen verwendet werden, um Unterstützung in allen Browsern zu bieten |
Fazit
Die Verwendung von var in JavaScript hat viel Platz für Fehler bei der Ausführung von Code. Der globale Geltungsbereich der var-Deklaration führt zu einer Verringerung der Verwendung desselben Bezeichners an verschiedenen Speicherorten in derselben Klasse oder Datei. Dies verringert die Wiederverwendbarkeit von Code. Die Deklaration einer Variablen unter Verwendung von var verhält sich ähnlich wie die von let, jedoch mit dem einzigen Unterschied des lexikalischen Umfangs im Code.
Die Deklaration einer Variablen mit 'let' bewirkt, dass auf die Variable über den eingeschlossenen Gültigkeitsbereich zugegriffen wird, was dazu führt, dass der Bezeichner deklariert und außerhalb des Gültigkeitsbereichs für gesperrte Anweisungen oder Ausdrücke erneut verwendet wird. Var kann nicht durch let ersetzt werden, da es seine eigenen Verwendungen in verschiedenen Bereichen hat. Let sollte nur verwendet werden, wenn das Block-Scoping von primärer Bedeutung ist und im Ausführungsumfang kein Heben erforderlich ist.
Empfohlener Artikel
Dies war eine Anleitung zu den wichtigsten Unterschieden zwischen JavaScript Var und Let. Hier diskutieren wir auch die wichtigsten Unterschiede zwischen JavaScript Var und Let mit Infografiken und Vergleichstabelle. Sie können sich auch die folgenden Artikel ansehen, um mehr zu erfahren -
- HTML5 vs Flash-Welches ist nützlicher
- Java vs Node JS Vergleich
- Python vs JavaScript Unterschiede
- Java und JavaScript - Top 10 Unterschiede
- HTML5 vs JavaScript Was sind die Funktionen