JavaScript Variablen und Datentypen

Einführung

Willkommen in der Welt von JavaScript! In diesem Lab lernen Sie zwei der grundlegendsten Konzepte der Programmierung kennen: Variablen und Datentypen. Variablen sind wie Behälter, die Informationen speichern, und Datentypen definieren, welche Art von Informationen eine Variable enthalten kann.

Wir werden behandeln:

• Deklarieren von Variablen mit dem Schlüsselwort let.
• Arbeiten mit drei grundlegenden Datentypen: String (Text), Number (numerische Werte) und Boolean (wahr/falsch).
• Verwenden der Funktion console.log() zur Anzeige von Ausgaben.
• Überprüfen des Datentyps einer Variablen mit dem Operator typeof.

Am Ende dieses Labs werden Sie eine solide Grundlage für die Arbeit mit Daten in JavaScript haben.

Variable mit dem Schlüsselwort let deklarieren

In diesem Schritt lernen Sie, wie Sie eine Variable in JavaScript deklarieren. Wir verwenden Schlüsselwörter, um Variablen zu deklarieren, und eines der gebräuchlichsten ist let. Das Schlüsselwort let zeigt an, dass Sie eine neue Variable erstellen, der später ein neuer Wert zugewiesen werden kann.

Finden Sie zuerst die Datei script.js im Dateiexplorer auf der linken Seite der WebIDE. Klicken Sie darauf, um sie im Editor zu öffnen.

Fügen Sie nun die folgende Codezeile zu script.js hinzu, um eine Variable namens message zu deklarieren.

let message;

Diese Zeile weist die JavaScript-Engine an, einen Speicherplatz für eine Variable namens message zu reservieren. Sie hat noch keinen Wert, was bedeutet, dass ihr Wert standardmäßig undefined ist.

String-Wert der Variable zuweisen

Nachdem Sie nun eine Variable deklariert haben, weisen wir ihr einen Wert zu. Wir beginnen mit dem String-Datentyp. Ein String ist eine Zeichenkette, die zur Darstellung von Text verwendet wird. In JavaScript werden Strings in einfache Anführungszeichen (') oder doppelte Anführungszeichen (") eingeschlossen.

Wir verwenden den Zuweisungsoperator (=), um einer Variablen einen Wert zuzuweisen. Sie können die Deklaration und Zuweisung in zwei separaten Schritten durchführen, aber üblicher ist es, dies in einer einzigen Zeile zu tun.

Ändern Sie Ihre script.js-Datei, um die Variable message zu deklarieren und ihr in einer Zeile einen String-Wert zuzuweisen. Ersetzen Sie den vorhandenen Code durch Folgendes:

let message = "Hello, LabEx!";

Diese einzelne Zeile erstellt sowohl die Variable message als auch speichert den Text "Hello, LabEx!" darin.

Zahlenwert zuweisen und in die Konsole protokollieren

Als Nächstes erkunden wir den Number-Datentyp. Dieser Typ wird für alle numerischen Werte verwendet, einschließlich Ganzzahlen (wie 10) und Dezimalzahlen (wie 3,14).

In diesem Schritt lernen Sie auch die Verwendung von console.log(). Dies ist eine integrierte JavaScript-Funktion, die Informationen in der Entwicklerkonsole des Browsers ausgibt. Sie ist ein wichtiges Werkzeug, um die Werte Ihrer Variablen zu überprüfen und Ihren Code zu debuggen.

Fügen Sie die folgenden Zeilen am Ende Ihrer script.js-Datei hinzu. Dies erstellt eine neue Variable userCount und gibt deren Wert in der Konsole aus.

let userCount = 100;
console.log(userCount);

Um die Ausgabe zu sehen, klicken Sie auf den Tab Web 8080 oben in der LabEx-Oberfläche. Klicken Sie mit der rechten Maustaste auf die Seite, wählen Sie "Untersuchen" (Inspect) und dann den Tab "Konsole" (Console) im erscheinenden Entwicklertools-Panel. Sie sollten die Zahl 100 in der Konsole sehen.

Boolean-Wert true oder false in Variable verwenden

Der dritte grundlegende Datentyp, den wir behandeln werden, ist Boolean. Ein Boolean kann nur einen von zwei Werten haben: true oder false. Booleans sind die Grundlage für Logik und Entscheidungsfindung in der Programmierung.

Lassen Sie uns eine Boolean-Variable deklarieren. Fügen Sie die folgenden Zeilen am Ende Ihrer script.js-Datei hinzu, um eine Variable namens isComplete zu erstellen und deren Wert auszugeben.

let isComplete = true;
console.log(isComplete);

Gehen Sie nun zurück zum Tab Web 8080 und schauen Sie in die Konsole. Sie werden die neue Ausgabe true sehen, die unter der 100 aus dem vorherigen Schritt gedruckt wird.

Variablentyp mit typeof-Operator prüfen

Manchmal müssen Sie wissen, welche Art von Daten in einer Variablen gespeichert ist. JavaScript stellt zu diesem Zweck den typeof-Operator bereit. Er gibt einen String zurück, der den Typ des Operanden angibt.

In diesem letzten Schritt verwenden Sie typeof, um den Datentyp jeder von Ihnen erstellten Variablen zu überprüfen. Fügen Sie die folgenden Zeilen am Ende Ihrer script.js-Datei hinzu.

console.log(typeof message);
console.log(typeof userCount);
console.log(typeof isComplete);

Nachdem Sie den Code hinzugefügt haben, wechseln Sie zum Tab Web 8080 und aktualisieren Sie die Seite, falls erforderlich. Überprüfen Sie die Konsole. Sie werden nun den Datentyp jeder Variablen ausgegeben sehen.

Die erwartete Ausgabe in der Konsole wird sein:

string
number
boolean

Zusammenfassung

Herzlichen Glückwunsch zum Abschluss dieses Labs! Sie haben Ihre ersten Schritte in die JavaScript-Programmierung gemacht, indem Sie Variablen und grundlegende Datentypen kennengelernt haben.

In diesem Lab haben Sie gelernt, wie Sie:

• Variablen mit dem Schlüsselwort let deklarieren.
• Variablen mit dem Zuweisungsoperator (=) Werte zuweisen.
• Mit drei wesentlichen Datentypen arbeiten: String, Number und Boolean.
• console.log() verwenden, um Werte zu inspizieren und Ihren Code zu debuggen.
• Den typeof-Operator verwenden, um den Datentyp einer Variablen zu ermitteln.

Diese Konzepte sind die Bausteine für das Schreiben jeder JavaScript-Anwendung. Während Sie Ihre Lernreise fortsetzen, werden Sie auf dieser Grundlage aufbauen, um komplexere und interaktivere Programme zu erstellen.