JavaScript -Variablen
4 Möglichkeiten, eine JavaScript-Variable zu deklarieren:
- Benutzen
var - Benutzen
let - Benutzen
const - Nichts verwenden
Was sind Variablen?
Variablen sind Container zum Speichern von Daten (Speichern von Datenwerten).
In diesem Beispiel sind x, y und z sind Variablen, die mit dem Schlüsselwort var deklariert werden:
In diesem Beispiel sind x, y und z sind Variablen, die mit dem Schlüsselwort let deklariert werden:
In diesem Beispiel sind x, y und z, sind nicht deklarierte Variablen:
Anhand aller oben genannten Beispiele können Sie Folgendes erraten:
- x speichert den Wert 5
- y speichert den Wert 6
- z speichert den Wert 11
Wann sollte die JavaScript-Variable verwendet werden?
JavaScript-Variablen immer mit deklarieren var, let, oder const.
Das Schlüsselwort var wurde im gesamten JavaScript-Code von 1995 bis 2015 verwendet.
Die Schlüsselwörter let und const wurden 2015 zu JavaScript hinzugefügt.
Wenn Sie möchten, dass Ihr Code in einem älteren Browser ausgeführt wird, müssen Sie ihn verwenden var.
Wann sollte JavaScript const verwendet werden?
Wenn Sie eine allgemeine Regel wünschen: Deklarieren Sie Variablen immer mit const.
Wenn Sie glauben, dass sich der Wert der Variablen ändern kann, verwenden Sie let.
In diesem Beispiel price1, price2 und total, sind Variablen:
Die beiden Variablen price1 und price2 werden mit dem Schlüsselwort const deklariert.
Dies sind konstante Werte und können nicht geändert werden.
Die Variable total wird mit dem Schlüsselwort let deklariert.
Dies ist ein Wert, der geändert werden kann.
Genau wie Algebra
Genau wie in der Algebra enthalten Variablen Werte:
let x = 5;
let y = 6;
Genau wie in der Algebra werden Variablen in Ausdrücken verwendet:
let z = x + y;
Anhand des obigen Beispiels können Sie erraten, dass die Gesamtsumme 11 beträgt.
Hinweis
Variablen sind Container zum Speichern von Werten.
JavaScript Bezeichner
Alle JavaScript-Variablen müssen mit eindeutigen Namen identifiziert sein.
Diese eindeutigen Namen werden Identifikatoren genannt.
Bezeichner können Kurznamen (wie x und y) oder aussagekräftigere Namen (Alter, Summe, Gesamtvolumen) sein.
Die allgemeinen Regeln zum Erstellen von Namen für Variablen (eindeutige Bezeichner) sind:
- Namen können Buchstaben, Ziffern, Unterstriche und Dollarzeichen enthalten
- Namen müssen mit einem Buchstaben beginnen
- Namen können auch mit $ und _ beginnen (wir werden sie in diesem Tutorial jedoch nicht verwenden)
- Bei Namen wird die Groß-/Kleinschreibung beachtet (y und Y sind unterschiedliche Variablen)
- Reservierte Wörter (wie JavaScript-Schlüsselwörter) können nicht als Namen verwendet werden
Hinweis
JavaScript-Bezeichner unterscheiden zwischen Groß- und Kleinschreibung.
Der Zuweisungsoperator
In JavaScript ist das Gleichheitszeichen (=) ein „Zuweisungs“-Operator und kein „Gleichheits“-Operator.
Das ist etwas anderes als Algebra. Folgendes ergibt in der Algebra keinen Sinn:
x = x + 5
In JavaScript macht es jedoch durchaus Sinn: Es weist x den Wert x + 5 zu.
(Es berechnet den Wert von x + 5 und gibt das Ergebnis in x ein. Der Wert von x wird um 5 erhöht.)
Hinweis
Der „gleich“-Operator wird in JavaScript wie folgt geschrieben: ==.
JavaScript Datentypen
JavaScript-Variablen können Zahlen wie 100 und Textwerte wie „John Doe“ enthalten.
In der Programmierung werden Textwerte als Textzeichenfolgen bezeichnet.
JavaScript kann viele Arten von Daten verarbeiten, aber denken Sie zunächst nur an Zahlen und Zeichenfolgen.
Strings werden in doppelte oder einfache Anführungszeichen geschrieben. Zahlen werden ohne Anführungszeichen geschrieben.
Wenn Sie eine Zahl in Anführungszeichen setzen, wird sie als Textzeichenfolge behandelt.
Deklarieren einer JavaScript-Variable
Das Erstellen einer Variablen in JavaScript wird als „Deklarieren“ einer Variablen bezeichnet.
Sie deklarieren eine JavaScript-Variable mit dem Schlüsselwort var oder dem Schlüsselwort let:
var carName;
or:
let carName;
Nach der Deklaration hat die Variable keinen Wert (technisch gesehen ist das der Fall) undefined (undefiniert)).
Um der Variablen einen Wert zuzuweisen, verwenden Sie das Gleichheitszeichen:
carName = "Volvo";
Sie können der Variablen auch einen Wert zuweisen, wenn Sie sie deklarieren:
let carName = "Volvo";
Im folgenden Beispiel erstellen wir eine Variable mit dem Namen carName und weisen ihr den Wert „Volvo“ zu.
Dann „geben“ wir den Wert in einem HTML-Absatz mit id="demo" aus:
Beispiel
<p id="demo"></p>
<script>
let carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
Try it Yourself »
Hinweis
Es ist eine gute Programmierpraxis, alle Variablen am Anfang eines Skripts zu deklarieren.
Eine Anweisung, viele Variablen
Sie können viele Variablen in einer Anweisung deklarieren.
Beginnen Sie die Anweisung mit let und trennen Sie die Variablen durch Komma:
Eine Deklaration kann sich über mehrere Zeilen erstrecken:
Wert = undefined
In Computerprogrammen werden Variablen oft ohne Wert deklariert. Der Wert kann etwas sein, das berechnet werden muss, oder etwas, das später bereitgestellt wird, wie etwa eine Benutzereingabe.
Eine ohne Wert deklarierte Variable hat den Wert undefined.
Die Variable carName hat nach der Ausführung dieser Anweisung den Wert undefined:
JavaScript-Variablen neu deklarieren
Wenn Sie eine mit var deklarierte JavaScript-Variable erneut deklarieren, verliert sie ihren Wert nicht.
Die Variable carName wird nach der Ausführung dieser Anweisungen immer noch den Wert „Volvo“ haben:
Hinweis
Sie können eine mit deklarierter Variable nicht erneut deklarieren let oder const.
Das wird nicht funktionieren:
let carName = "Volvo";
let carName;
JavaScript Arithmetik
Wie in der Algebra können Sie auch mit JavaScript-Variablen rechnen, indem Sie Operatoren wie verwenden = und +:
Sie können auch Zeichenfolgen hinzufügen, die Zeichenfolgen werden jedoch verkettet:
Versuchen Sie auch Folgendes:
Hinweis
Wenn Sie eine Zahl in Anführungszeichen setzen, werden die restlichen Zahlen als Zeichenfolgen behandelt und verkettet.
Versuchen Sie jetzt Folgendes:
JavaScript Dollarzeichen $
Da JavaScript ein Dollarzeichen als Buchstaben behandelt, sind Bezeichner, die $ enthalten, gültige Variablennamen:
Die Verwendung des Dollarzeichens ist in JavaScript nicht sehr verbreitet, professionelle Programmierer verwenden es jedoch häufig als Alias für die Hauptfunktion in einer JavaScript-Bibliothek.
In der JavaScript-Bibliothek jQuery wird beispielsweise die Hauptfunktion $ zur Auswahl von HTML-Elementen verwendet. In jQuery bedeutet $("p"); „alle p Elemente auswählen“.
JavaScript Unterstreichen (_)
Da JavaScript den Unterstrich als Buchstaben behandelt, sind Bezeichner, die _ enthalten, gültige Variablennamen:
Die Verwendung des Unterstrichs ist in JavaScript nicht sehr verbreitet, unter professionellen Programmierern ist es jedoch üblich, ihn als Alias für „private (versteckte)“ Variablen zu verwenden.
