Zusammenfassung: Praxis mit generischen Funktionen

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

Aufgabe

Einfach

Erstelle eine generische Funktion namens makePair, die zwei Argumente unterschiedlichen Typs entgegennimmt und sie als Tupel zurückgibt.

Die Funktion sollte:

Zwei generische Typparameter T und U verwenden
Einen Parameter first vom Typ T akzeptieren
Einen Parameter second vom Typ U akzeptieren
Ein Tupel vom Typ [T, U] zurückgeben
Eine explizite Rückgabetypannotation besitzen

Teste deine Funktion, indem du die folgenden Variablen erstellst:

stringNumberPair – rufe makePair mit "Hello" und 42 auf
booleanStringPair – rufe makePair mit true und "World" auf
numberBooleanPair – rufe makePair mit 100 und false auf

Verwende Destrukturierung, um Werte aus deinen Tupeln zu extrahieren:

Destrukturiere stringNumberPair in die Variablen text und num
Destrukturiere booleanStringPair in die Variablen flag und message

Gib die folgenden Ausgaben aus:

Gib text aus
Gib num aus
Gib flag aus
Gib message aus
Gib das erste Element von numberBooleanPair aus
Gib das zweite Element von numberBooleanPair aus
Gib das Ergebnis des Aufrufs von makePair mit "TypeScript" und 2024 aus, wobei auf das erste Element zugegriffen wird
Gib das Ergebnis des Aufrufs von makePair mit 99 und "bottles" aus, wobei auf das zweite Element zugegriffen wird

Probier es selbst

// TODO: Schreiben Sie hier Ihren Code
// Erstellen Sie die generische makePair-Funktion mit den Typparametern T und U
// Die Funktion sollte zwei Parameter akzeptieren und ein Tupel zurückgeben

// TODO: Testen Sie Ihre Funktion, indem Sie die erforderlichen Variablen erstellen
// stringNumberPair, booleanStringPair, numberBooleanPair

// TODO: Verwenden Sie Destructuring, um Werte aus Tupeln zu extrahieren
// Destrukturieren Sie stringNumberPair und booleanStringPair wie angegeben

// TODO: Geben Sie alle erforderlichen Ausgaben aus
// Geben Sie text, num, flag, message und die anderen erforderlichen Werte aus