Le type de retour 'void'
Fait partie de la section Introduction à TypeScript du Journey JavaScript de Coddy. Leçon 24 sur 73.
Lorsqu'une fonction effectue une action mais ne retourne rien de significatif, vous utilisez le type de retour void pour indiquer explicitement cette intention.
Le type void représente l'absence de valeur de retour. Les fonctions qui enregistrent des messages, mettent à jour des variables ou effectuent des effets de bord utilisent généralement void comme type de retour :
function logMessage(message: string): void {
console.log(message);
}
function updateCounter(): void {
counter++;
}Bien que TypeScript puisse souvent déduire qu'une fonction retourne void, ajouter explicitement l'annotation : void rend votre code plus lisible et communique clairement votre intention aux autres développeurs.
Défi
FacileCréez une fonction nommée displayWelcome qui prend un paramètre userName de type string et possède un type de retour explicite void. La fonction doit afficher un message de bienvenue dans la console au format : "Welcome to our application, [userName]!"
Créez une autre fonction nommée logError qui prend un paramètre errorMessage de type string et possède un type de retour explicite void. La fonction doit afficher un message d'erreur dans la console au format : "ERROR: [errorMessage]"
Créez une troisième fonction nommée processData qui ne prend aucun paramètre et possède un type de retour explicite void. La fonction doit afficher le message "Processing data..." dans la console, puis afficher "Data processing complete." sur une nouvelle ligne.
Testez vos fonctions en les appelant dans l'ordre suivant :
- Appelez
displayWelcomeavec"Alice" - Appelez
processDatasans argument - Appelez
logErroravec"Invalid input detected" - Appelez
displayWelcomeavec"Bob"
Chaque appel de fonction doit produire une sortie sur des lignes distinctes dans l'ordre spécifié ci-dessus.
Essayez vous-même
// TODO: Écrivez votre code ici
// Créez la fonction displayWelcome qui prend userName (string) et ne retourne rien (void)
// Créez la fonction logError qui prend errorMessage (string) et ne retourne rien (void)
// Créez la fonction processData qui ne prend aucun paramètre et ne retourne rien (void)
// TODO: Appelez les fonctions dans l'ordre spécifié :
// 1. displayWelcome avec "Alice"
// 2. processData sans argument
// 3. logError avec "Invalid input detected"
// 4. displayWelcome avec "Bob"Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes 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ées2Types 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 objetsEntraînez-vous par vous-même : Playground TypeScript