Ab heute werden wir eine Welt des Programmierens entdecken. Welt, in der du Superkräfte hast. Ja, das hast du richtig gelesen, Superkräfte. Was ist es, wenn nicht eine Supermacht? Mit JavaScript können Sie Dinge fliegen, bewegen, verschwinden lassen, ihre Farbe ändern und Ihren Freund aus meilenweiter Entfernung sehen, und das ist nur ein kleiner Teil dessen, was möglich ist. Ja, es ist alles auf Ihrem Bildschirm, aber trotzdem ist es sehr aufregend.
Wie jeder Superheld müssen Sie Ihre Kräfte gut kontrollieren und kennen. Um dies zu erreichen, beginnen wir unsere Reise damit, uns mit dem wichtigsten Baustein vertraut zu machen – der allmächtigen Variable.
Was ist eine Variable? Stellen Sie sich eine magische Box vor, in der Sie alles unterbringen können, was Sie wollen, unabhängig von der Größe! Was für eine erstaunliche Erfindung, oder? Aber hier ist der Haken: Es kann jeweils nur eine Sache aufnehmen (und um ehrlich zu sein, nicht wirklich jede Größe, aber tun wir mal so, als ob das nicht der Fall wäre).
Sie können einen Stift, einen Elefanten, eine Gitarre, ein Bücherregal mit einem Stapel Bücher oder sogar ein Blatt Papier mit einem darauf geschriebenen Roman aufstellen – alles, was Sie wollen – aber immer nur eine Sache auf einmal.
Wie erstellen wir eine solche Box mit JavaScript? Das ist ganz einfach!

let ourFirstBox

Zwei einfache Worte. Das erste ist immer das Schlüsselwort „let“ und das zweite ist der Name der Box. Sie können sich „let“ als ein magisches Schlüsselwort vorstellen, mit dem wir eine Box erstellen können. Der Name kann beliebig sein, es gibt jedoch einige Regeln.
Es gibt strenge Regeln (wenn du sie nicht befolgst, wird deine Magie nicht funktionieren).
Und weiche Regeln (hauptsächlich Best Practices, branchenweit standardisiert).
Beginnen wir mit den harten Regeln:

1. Wenn der Name aus mehreren Wörtern bestehen soll, können Sie diese nicht durch Leerzeichen trennen.
2. Sie können einen Variablennamen nicht mit einer Zahl beginnen. Nun zu den weichen Regeln:
3. Sie sollten eine Notation namens camelCase verwenden. Der erste Buchstabe ist immer ein Kleinbuchstabe und alle folgenden Wörter beginnen mit einem Großbuchstaben ohne Leerzeichen.
4. Variablen sollten Substantive sein.
5. Wenn Sie etwas aufbewahren möchten, das mehrere Artikel enthält (z. B. eine Tüte Äpfel), sollten Sie ein Substantiv im Plural wie „bagOfApples“ verwenden.
6. Vermeiden Sie die Verwendung von Zahlen in Variablennamen.

OK. Jetzt haben wir eine Kiste. Wie packen wir etwas hinein? Sehen wir uns ein Beispiel an:

let ourFirstBox;
ourFirstBox = 100;

Einfach so! Sie erstellen eine neue Zeile, wiederholen den Namen der Variablen, diesmal jedoch ohne das magische Schlüsselwort „let“, da wir es nur zum Erstellen der Variablen benötigen. Nach dem Namen fügen Sie ein Gleichheitszeichen ein, das den Zuweisungsoperator darstellt. Mit dem =-Zeichen sagen wir, dass wir etwas in die Variable einfügen möchten, und danach fügen wir das, was wir speichern möchten, in die „Box“ ein.
Jetzt haben wir eine Box, in der eine Nummer gespeichert ist. Im Moment ist es nicht so nützlich, wie es scheint, aber glauben Sie mir, wir kommen langsam dorthin.
Ein weiteres Merkmal unserer magischen Box ist, dass Sie den darin enthaltenen Artikel jederzeit austauschen können.

let ourFirstBox;
ourFirstBox = 100;
ourFirstBox = 200;

Jetzt ist der Wert in ourFirstBox 200.
Es gibt zwei Möglichkeiten, Variablen zu erstellen. Sie können zuerst den Namen definieren und ihm dann in einer neuen Zeile einen Wert zuweisen. Oder Sie können alles auf einmal tun:

let ourFirstBox = 100;

Hier haben wir das Schlüsselwort let verwendet, um die Variable zu definieren und ihr gleichzeitig einen Wert zugewiesen.
Es gibt eine andere Art von „Box“. Es wird als Konstante bezeichnet. Wie der Name schon sagt, handelt es sich um einen Variablentyp, der nicht geändert werden kann. Sobald Sie ihm einen Wert beimessen, ist es das – Sie können es nicht ersetzen.

const ourFirstConstantBox = 200;

Wenn wir versuchen, seinen Wert zu ändern, erhalten wir eine Fehlermeldung:

const ourFirstConstantBox = 200;
ourFirstConstantBox = 100; // Error!!!!!

Jetzt wissen Sie, wie man Variablen erstellt! In der nächsten Lektion werden wir viele Variablen verwenden.