JavaSkriptvariable: Deklarieren, Wert zuweisen mit Beispiel
James Hartmann
⚡ Intelligente Zusammenfassung
JavaSkriptvariablen speichern Werte wie Namen und Zahlen oder das Ergebnis eines Ausdrucks. Durch die Deklaration mit `var`, `let` oder `const` wird ein benannter Speicherplatz reserviert, auf den der Rest des Skripts zugreifen und den er aktualisieren kann.
Variablen dienen dazu, Werte (Name = „John“) oder Ausdrücke (Summe = x + y) zu speichern. Jeder Wert, den ein Skript für später speichert – ein Benutzername, eine laufende Summe, ein Ja/Nein-Flag – befindet sich in einer Variablen. Daher ist die korrekte Deklaration und Benennung von Variablen die erste Fähigkeit, die man sich aneignen sollte. JavaSkript.
Deklarieren Sie Variablen in JavaSkript
Bevor Sie eine Variable verwenden können, müssen Sie sie zunächst deklarieren. Verwenden Sie dazu das Schlüsselwort `var`, etwa so:
var name;
Die Deklaration allein erzeugt den Namen und sonst nichts. Zu diesem Zeitpunkt existiert die Variable, hat aber den speziellen Wert „undefined“, da ihr noch kein Wert zugewiesen wurde.
⚠️ Versionshinweis: `var` ist das ursprüngliche Deklarationsschlüsselwort und funktioniert weiterhin in jedem Browser. ES6 (2015) hat Folgendes hinzugefügt: lassen und const, welche die Schlüsselwörter modern sind JavaDas Skript verwendet diese Variablen. Beide werden weiter unten auf dieser Seite mit der Variable verglichen.
Weisen Sie der Variablen einen Wert zu
Sie können der Variablen entweder während der Variablendeklaration oder nach der Variablendeklaration einen Wert zuweisen.
var name = "John";
OR
var name; name = "John";
Beide Formen führen zum gleichen Ergebnis. Das einzelne Gleichheitszeichen ist das AufgabenverwalterEs kopiert den Wert rechts davon in die Variable links davon. Es handelt sich nicht um einen Gleichheitstest, der mit == oder === geschrieben wird und in … gehört. bedingte Anweisungen.
Variablen benennen
Obwohl Sie die Variablen beliebig benennen können, empfiehlt es sich, ihnen aussagekräftige und beschreibende Namen zu geben. Variablennamen sollten mit einem Buchstaben beginnen und die Groß-/Kleinschreibung beachten. Die Variablen `studentname` und `studentName` unterscheiden sich beispielsweise dadurch, dass der Buchstabe `n` im Namen unterschiedlich ist (`n` bzw. `N`).
Vier Regeln entscheiden darüber, ob ein Name überhaupt legal ist:
- Das erste Zeichen muss ein Buchstabe, ein Dollarzeichen oder ein Unterstrich sein – niemals eine Ziffer.
- Nach dem ersten Zeichen sind Buchstaben, Ziffern, Dollarzeichen und Unterstriche zulässig.
- Leerzeichen sind nicht erlaubt, weshalb eine zweiwortige Idee zu studentName zusammengefügt und nicht als zwei Wörter getrennt wird.
- Reservierte Wörter wie var, let, const, class und return können nicht als Namen wiederverwendet werden.
Gemäß Konvention JavaDie Skriptnamen verwenden camelCase, d. h. das erste Wort ist kleingeschrieben und jedes weitere Wort beginnt mit einem Großbuchstaben: firstName, totalPrice, isLoggedIn.
Das folgende Skript deklariert zwei Variablen, wendet die fünf arithmetischen Operatoren darauf an und gibt jedes Ergebnis auf der Seite aus. Probieren Sie es selbst aus:
<html>
<head>
<title>Variables!!!</title>
<script type="text/javascript">
var one = 22;
var two = 3;
var add = one + two;
var minus = one - two;
var multiply = one * two;
var divide = one/two;
document.write("First No: = " + one + "<br />Second No: = " + two + " <br />");
document.write(one + " + " + two + " = " + add + "<br/>");
document.write(one + " - " + two + " = " + minus + "<br/>");
document.write(one + " * " + two + " = " + multiply + "<br/>");
document.write(one + " / " + two + " = " + divide + "<br/>");
</script>
</head>
<body>
</body>
</html>
var vs let vs const in Modern JavaSkript
Die einzige Variable existierte, als JavaDas Skript wurde ursprünglich geschrieben und weist zwei Eigenschaften auf, die Anfänger überraschen: Es kann stillschweigend neu deklariert werden und ignoriert Blockgrenzen. Die Schlüsselwörter `let` und `const` wurden hinzugefügt, um beides zu beheben. Die folgende Tabelle stellt die drei Schlüsselwörter einander gegenüber.
| Verhalten | jung | lassen | const |
|---|---|---|---|
| Geltungsbereich | Gesamtfunktion | Umschließender Block | Umschließender Block |
| Kann neu zugewiesen werden | Ja | Ja | Nein |
| Kann im selben Gültigkeitsbereich erneut deklariert werden. | Ja | Nein | Nein |
| Wert in der Deklarationszeile erforderlich | Nein | Nein | Ja |
| Vor der Verkündung lesen | Gibt undefiniert zurück | Referenzfehler | Referenzfehler |
Eine einfache Gewohnheit deckt fast alle Fälle ab: greifen Sie nach const Wechseln Sie zunächst zu lassen in dem Moment, in dem sich ein Wert tatsächlich ändern muss, wie beispielsweise ein Zähler innerhalb eines der JavaSkriptschleifenund behalten Sie die Variable bei, um alten Code zu lesen, anstatt neuen Code zu schreiben.
Variabler Umfang und Hebezeug in JavaSkript
Der Gültigkeitsbereich bestimmt, welche Teile eines Skripts auf eine Variable zugreifen können. Eine `var`-Deklaration gehört zur Funktion, die sie enthält, und ist daher innerhalb dieser Funktion in keinem `if`- oder `for`-Block sichtbar. Eine `let`- oder `const`-Deklaration gehört zu den geschweiften Klammern, in denen sie steht, und ist außerhalb dieser Klammern nicht sichtbar.
function demo() { if (true) { var wide = "visible throughout demo()"; let narrow = "visible only inside these braces"; } console.log(wide); console.log(narrow); }
Der erste `console.log`-Befehl gibt den String aus. Der zweite löst einen `ReferenceError` aus, da `narrow` nach dem Ende des `if`-Blocks nicht mehr existiert.
Heben ist die zweite Hälfte der Geschichte. JavaEin Skript registriert jede Deklaration in einem Gültigkeitsbereich, bevor es auch nur eine Zeile dieses Bereichs ausführt. Ein Variablenname wird registriert und auf `undefined` gesetzt; ein frühzeitiges Auslesen ist zwar zulässig, aber sinnlos. Ein `let`- oder `const`-Name wird ohne Wert registriert, und die Lücke zwischen dem Anfang des Blocks und der Deklarationszeile wird als `<code>`-Bereich bezeichnet. zeitliche Totzone.
console.log(a); var a = 1; console.log(b); let b = 2;
Die erste Zeile gibt „undefined“ aus. Die dritte Zeile endet mit der Fehlermeldung „Cannot access 'b' before initialization“ – genau der Fehler, der „let“ sicherer macht als „var“, da er auf den eigentlichen Fehler hinweist, anstatt ihn zu verschleiern.
Häufige Fehler bei der Deklaration JavaSkriptvariablen
Fünf Meldungen machen den Großteil der Konsolenausgabe aus, die Anfänger beim Erlernen von Variablen sehen. Jede Meldung benennt eine spezifische Ursache, sodass die Lösung meist in einer einzigen Zeile zu finden ist.
| Konsolenmeldung | Verursachen | Fixieren |
|---|---|---|
| Syntaxfehler: Der Bezeichner 'x' wurde bereits deklariert | let oder const wird zweimal für denselben Namen in einem Block verwendet. | Verwenden Sie die vorhandene Variable wieder oder benennen Sie die zweite um. |
| TypeError: Zuweisung zu konstanter Variable | Einer Konstanten wurde ein neuer Wert zugewiesen. | Deklariere es mit let, wenn sich der Wert ändern soll. |
| ReferenceError: Zugriff auf 'x' vor der Initialisierung nicht möglich | Innerhalb der temporalen Totzone wurde ein let oder const gelesen. | Verschiebe den Lesebefehl unter die Deklarationszeile. |
| Referenzfehler: x ist nicht definiert | Der Name wurde nie offiziell bekanntgegeben oder er wurde falsch geschrieben. | Erklären Sie es, oder korrigieren Sie die Rechtschreibung und Groß-/Kleinschreibung. |
| Dort, wo ein Wert erwartet wurde, erscheint „undefiniert“. | Die Variable wurde deklariert, ihr aber nie ein Wert zugewiesen. | Weisen Sie vor dem ersten Einlesen einen Wert zu. |
Durch Hinzufügen von „use strict“ am Anfang einer Datei wird der stille Fehler im vierten Fall – die Zuweisung zu einem nie deklarierten Namen – sichtbar, weshalb diese Zeile in jedes neue Skript gehört. Die gleichen Variablenregeln gelten unverändert für Arrays, Objekteund serverseitiger Code, der geschrieben wurde für Node.js.
