Menu
Coddy logo textTech

String-Enums verwenden

Teil des Abschnitts Einführung in TypeScript der JavaScript-Journey von Coddy. Lektion 54 von 73.

String-Enums eignen sich besonders gut als Funktionsparameter, da sie klare, lesbare Werte liefern und gleichzeitig die Typsicherheit gewährleisten.

So können Sie ein String-Enum in einer Funktion verwenden:

function move(direction: Direction): void {
  console.log(`Moving ${direction.toLowerCase()}...`);
}

Wenn Sie diese Funktion aufrufen, akzeptiert TypeScript nur die vordefinierten Enum-Werte. Sie können sie mit move(Direction.Up) aufrufen, was "Moving up..." ausgeben wird. Ihr Code-Editor bietet eine Autovervollständigung für die verfügbaren Enum-Mitglieder, und TypeScript erkennt alle Versuche, ungültige Richtungswerte zu übergeben.

challenge icon

Aufgabe

Einfach

Folgendes aus der vorherigen Herausforderung wird dir zur Verfügung gestellt:

  • Das Direction String-Enum mit den Mitgliedern Up, Down, Left und Right
  • Variablen: upDirection, downDirection, leftDirection und rightDirection

Erstelle eine Funktion namens move, die einen Parameter entgegennimmt:

  • direction vom Typ Direction

Die Funktion sollte:

  • Eine Nachricht im Format "Moving [direction]..." ausgeben, wobei [direction] die kleingeschriebene Version des String-Werts des Enums ist
  • Einen Rückgabetyp von void haben

Erstelle eine Funktion namens getMovementDescription, die einen Parameter entgegennimmt:

  • direction vom Typ Direction

Die Funktion sollte:

  • Einen String zurückgeben, der die Bewegung basierend auf der Richtung beschreibt:
  • Für Direction.Up: gib "Going upward" zurück
  • Für Direction.Down: gib "Going downward" zurück
  • Für Direction.Left: gib "Turning left" zurück
  • Für Direction.Right: gib "Turning right" zurück
  • Einen expliziten Rückgabetyp von string haben

Erstelle eine Variable namens playerDirection vom Typ Direction und weise ihr Direction.Up zu.

Gib die folgenden Ausgaben aus:

  • Rufe move mit Direction.Up auf
  • Rufe move mit leftDirection auf
  • Rufe move mit playerDirection auf
  • Gib das Ergebnis des Aufrufs von getMovementDescription mit Direction.Down aus
  • Gib das Ergebnis des Aufrufs von getMovementDescription mit rightDirection aus
  • Rufe move mit Direction.Right auf

Probier es selbst

// Aus der vorherigen Herausforderung - Direction-Enum und Variablen
enum Direction {
    Up = "Up",
    Down = "Down",
    Left = "Left",
    Right = "Right"
}

const upDirection = Direction.Up;
const downDirection = Direction.Down;
const leftDirection = Direction.Left;
const rightDirection = Direction.Right;

// TODO: Schreibe deinen Code hier
// Erstelle die move-Funktion, die einen Direction-Parameter entgegennimmt und "Moving [direction]..." ausgibt
// Erstelle die getMovementDescription-Funktion, die Bewegungsbeschreibungen zurückgibt
// Erstelle die playerDirection-Variable
// Rufe die Funktionen auf und gib die erforderlichen Ausgaben aus
quiz iconTeste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Alle Lektionen in Einführung in TypeScript

Übe selbstständig: Online-JavaScript-Compiler