Récapitulatif : Pratique des fonctions génériques
Fait partie de la section Introduction à TypeScript du Journey JavaScript de Coddy. Leçon 62 sur 73.
Défi
FacileCréez une fonction générique nommée makePair qui prend deux arguments de types différents et les renvoie sous forme de tuple.
La fonction doit :
- Utiliser deux paramètres de type générique
TetU - Accepter un paramètre
firstde typeT - Accepter un paramètre
secondde typeU - Renvoyer un tuple de type
[T, U] - Avoir une annotation de type de retour explicite
Testez votre fonction en créant les variables suivantes :
stringNumberPair- appelezmakePairavec"Hello"et42booleanStringPair- appelezmakePairavectrueet"World"numberBooleanPair- appelezmakePairavec100etfalse
Utilisez la déstructuration pour extraire les valeurs de vos tuples :
- Déstructurez
stringNumberPairdans les variablestextetnum - Déstructurez
booleanStringPairdans les variablesflagetmessage
Affichez les sorties suivantes :
- Affichez
text - Affichez
num - Affichez
flag - Affichez
message - Affichez le premier élément de
numberBooleanPair - Affichez le deuxième élément de
numberBooleanPair - Affichez le résultat de l'appel à
makePairavec"TypeScript"et2024, en accédant au premier élément - Affichez le résultat de l'appel à
makePairavec99et"bottles", en accédant au deuxième élément
Essayez vous-même
// À FAIRE : Écrivez votre code ici
// Créer la fonction générique makePair avec les paramètres de type T et U
// La fonction doit accepter deux paramètres et retourner un tuple
// À FAIRE : Testez votre fonction en créant les variables requises
// stringNumberPair, booleanStringPair, numberBooleanPair
// À FAIRE : Utilisez la déstructuration pour extraire les valeurs des tuples
// Déstructurez stringNumberPair et booleanStringPair comme spécifié
// À FAIRE : Affichez toutes les sorties requises
// Affichez text, num, flag, message et les autres valeurs requisesToutes les leçons de Introduction à TypeScript
1Premiers pas avec TS
Qu'est-ce que TypeScript ?Pourquoi utiliser TypeScript ?Votre premier code TypeScriptProcessus de compilation et erreursRécapitulatif : Introduction à TS4Travailler avec les fonctions
Typage des paramètres et valeurs de retourTypage des fonctions fléchéesLe type de retour 'void'Paramètres optionnels avec '?'Valeurs par défaut des paramètresTypage des paramètres RestDéfinir des types de fonctionsRécapitulatif : Créer des fonctions typées
2Types fondamentaux
Types de base : str, num, booleanLe type 'any' : la porte de sortieLe type 'unknown'Travailler avec 'null' et 'undef'L'inférence de type en actionAnnotations de type explicitesRécapitulatif : Pratique des types fondamentaux5Types : Alias, Unions & Intersections
Alias de types pour les primitifsTypes d'union ('|')Travailler avec les types d'unionTypes littérauxTypes d'intersection ('&')Combiner des alias de typesRécapitulatif : Combinaisons de types avancées3Structure de données : Tableaux et Tuples
Tableaux typésModificateur 'readonly' pour les tableauxQu'est-ce qu'un tuple ?Déclaration et accès aux tuplesDéstructuration de tuplesTuples readonlyTableaux typés multidimensionnelsSpread operator avec les tableauxRécapitulatif : Tableaux et tuples6Typage des objets et interfaces
Annotations de type d'objet en ligneAlias de type pour les objetsIntroduction aux interfacesInterfaces vs Alias de typePropriétés optionnelles et ReadonlyÉtendre les interfaces et les typesAjout de méthodes aux interfacesRécapitulatif : Définir la structure des objets9Les génériques : un premier aperçu
Le problème résolu par les génériquesCréer une fonction d'identité génériqueUtiliser une fonction génériqueTableaux génériquesInterfaces génériquesRécapitulatif : Pratique des fonctions génériquesEntraînez-vous par vous-même : Compilateur JavaScript en ligne