← React / TypeScript

React / TypeScript · 02 / 18

Variablen und Datentypen in JavaScript

Du verwendest const und let und erkennst Text, Zahlen, boolesche und fehlende Werte.

  • Klein
  • Grundlagen
  • 15 min

Voraussetzungen: JavaScript: dein erstes Programm

Ein Variablenname macht einen Wert wiederverwendbar. const verhindert eine spätere Neuzuweisung. let erlaubt sie. JavaScript speichert Zahlen normalerweise als number und Text als string. true und false sind boolesche Werte. null ist ein bewusst fehlender Wert. undefined bedeutet häufig, dass noch kein Wert geliefert oder zugewiesen wurde.

Beispieldateien

01Namen mit Werten verbinden

const name = "House" weist dem Namen name einen Text zu. costCents verwendet let, weil wir den Wert danach erhöhen. Namen sind groß-/kleinschreibungsabhängig. house und House wären verschiedene Variablen.

values.mjs · javascriptDatei öffnen
const name = 'House';
let costCents = 12990;
costCents += 100;
const reminder = true;
const contractor = null;
console.log(`${name}: ${costCents / 100} EUR`);
console.log(typeof costCents, typeof reminder);
console.log(contractor ?? 'unknown');

Starten / prüfen

node values.mjs

02Text zusammensetzen

Ein Template-String steht zwischen Backticks. ${...} setzt einen berechneten Wert ein. Im Beispiel teilen wir ganze Cent durch 100. Der gespeicherte Betrag bleibt trotzdem eine ganze Zahl.

03Typen beobachten

typeof liefert eine Typbeschreibung. Die historische Besonderheit typeof null === "object" macht null jedoch nicht zu einem verwendbaren Objekt. Prüfe fehlende Werte ausdrücklich. ?? wählt nur bei null oder undefined einen Ersatz.

Erwartetes Ergebnis

House: 130.9 EUR. Danach number, boolean und unknown.

Deine Übung

Setze contractor auf einen leeren String. Was gibt ?? jetzt aus?

Lösung mit Erklärung anzeigen

Ein leerer String ist ein vorhandener Wert. ?? behält ihn. Wenn fachlich auch leere Namen ungültig sind, brauchst du eine eigene Prüfung, etwa contractor.trim().length > 0 nach der Typprüfung.

Projektbezug und Quellen

Das Beispiel ist zum Lernen vereinfacht. Die verlinkte Codeversion zeigt die Anwendung im Projekt und die dortigen Prüfungen.