Typisierung von Parametern & Rückgabewerten

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

Funktionen sind die Bausteine jeder Anwendung, und TypeScript macht sie sicherer und vorhersehbarer, indem es Ihnen ermöglicht, genau festzulegen, welche Datentypen sie akzeptieren und zurückgeben. Wenn Sie Funktionen Typanmerkungen hinzufügen, erstellen Sie einen klaren Vertrag, der definiert, was hineingeht und was herauskommt.

Um einer Funktion Typen hinzuzufügen, geben Sie den Typ für jeden Parameter nach seinem Namen an und geben optional den Rückgabetyp nach der Parameterliste an:

function greet(name: string): string {
  return "Hello, " + name;
}

function multiply(a: number, b: number): number {
  return a * b;
}

Die Syntax folgt einem einfachen Muster: parameterName: type für jeden Parameter und : returnType nach der schließenden Klammer.

Aufgabe

Einfach

Erstellen Sie eine Funktion namens add, die zwei Parameter vom Typ number entgegennimmt und deren Summe zurückgibt. Die Funktion muss eine explizite Rückgabetyp-Annotation von number haben.

Erstellen Sie eine weitere Funktion namens getFullName, die zwei Parameter entgegennimmt: firstName vom Typ string und lastName vom Typ string. Die Funktion sollte den vollständigen Namen als einen einzelnen String mit einem Leerzeichen zwischen dem Vor- und Nachnamen zurückgeben. Fügen Sie eine explizite Rückgabetyp-Annotation von string hinzu.

Erstellen Sie eine dritte Funktion namens isEligible, die zwei Parameter entgegennimmt: age vom Typ number und hasLicense vom Typ boolean. Die Funktion sollte true zurückgeben, wenn die Person 18 Jahre oder älter ist UND einen Führerschein hat, andernfalls geben Sie false zurück. Fügen Sie eine explizite Rückgabetyp-Annotation von boolean hinzu.

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

Rufen Sie add mit 15 und 27 auf
Rufen Sie getFullName mit "John" und "Smith" auf
Rufen Sie isEligible mit 20 und true auf
Rufen Sie isEligible mit 16 und true auf

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

Probier es selbst

// TODO: Schreibe deinen Code hier
// Erstelle die add-Funktion mit expliziter Rückgabetyp-Annotation

// Erstelle die getFullName-Funktion mit expliziter Rückgabetyp-Annotation

// Erstelle die isEligible-Funktion mit expliziter Rückgabetyp-Annotation

// Teste die Funktionen und gib die Ergebnisse aus
// Rufe add mit 15 und 27 auf
// Rufe getFullName mit "John" und "Smith" auf
// Rufe isEligible mit 20 und true auf
// Rufe isEligible mit 16 und true auf