Definieren von Funktionstypen

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

TypeScript ermöglicht es Ihnen, einen Typ-Alias für die Signatur einer Funktion zu erstellen, der wie ein Bauplan fungiert, dem Funktionen entsprechen müssen.

Ein Funktionstyp-Alias definiert die Form einer Funktion unter Verwendung des Schlüsselworts type. Die Syntax zeigt die Parametertypen in Klammern, gefolgt von einem Pfeil und dem Rückgabetyp:

type MathOperation = (a: number, b: number) => number;

const add: MathOperation = (a, b) => {
  return a + b;
};

const multiply: MathOperation = (a, b) => {
  return a * b;
};

In diesem Beispiel ist MathOperation ein Typ-Alias, der jede Funktion beschreibt, die zwei Zahlen entgegennimmt und eine Zahl zurückgibt. Sowohl add als auch multiply entsprechen diesem Typ, was die Konsistenz in Ihrer Codebasis gewährleistet.

Aufgabe

Einfach

Erstellen Sie einen Typ-Alias namens StringProcessor für eine Funktion, die einen einzelnen string-Parameter entgegennimmt und einen string zurückgibt.

Erstellen Sie einen Typ-Alias namens NumberCalculator für eine Funktion, die zwei number-Parameter entgegennimmt und eine number zurückgibt.

Erstellen Sie einen Typ-Alias namens BooleanChecker für eine Funktion, die einen string-Parameter entgegennimmt und einen boolean zurückgibt.

Implementieren Sie nun die folgenden Funktionen, die diesen Typ-Aliassen entsprechen:

Erstellen Sie eine Funktion namens toUpperCase vom Typ StringProcessor, die den Eingabestring in Großbuchstaben umwandelt
Erstellen Sie eine Funktion namens addPrefix vom Typ StringProcessor, die das Präfix "Processed: " zum Eingabestring hinzufügt
Erstellen Sie eine Funktion namens divide vom Typ NumberCalculator, die die erste Zahl durch die zweite Zahl dividiert
Erstellen Sie eine Funktion namens power vom Typ NumberCalculator, die die erste Zahl mit der zweiten Zahl potenziert (verwenden Sie Math.pow)
Erstellen Sie eine Funktion namens isEmpty vom Typ BooleanChecker, die true zurückgibt, wenn der String die Länge 0 hat, andernfalls false
Erstellen Sie eine Funktion namens startsWithA vom Typ BooleanChecker, die true zurückgibt, wenn der String mit dem Buchstaben "A" beginnt (Groß-/Kleinschreibung beachten), andernfalls false

Testen Sie Ihre Funktionen, indem Sie sie mit den folgenden Werten aufrufen und die Ergebnisse ausgeben:

Rufen Sie toUpperCase mit "hello world" auf
Rufen Sie addPrefix mit "data" auf
Rufen Sie divide mit 20 und 4 auf
Rufen Sie power mit 3 und 4 auf
Rufen Sie isEmpty mit "" auf
Rufen Sie startsWithA mit "Apple" auf

Geben Sie jedes Ergebnis in einer separaten Zeile in der oben angegebenen Reihenfolge aus.

Probier es selbst

// TODO: Erstellen Sie hier Typ-Aliase
// StringProcessor, NumberCalculator, BooleanChecker

// TODO: Implementieren Sie hier die Funktionen
// toUpperCase, addPrefix, divide, power, isEmpty, startsWithA

// TODO: Testen Sie Ihre Funktionen und geben Sie die Ergebnisse aus
// Rufen Sie jede Funktion mit den angegebenen Werten auf und drucken Sie die Ergebnisse