Menu
CoddyTech

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.

challenge icon

Défi

Facile

Cré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 displayWelcome avec "Alice"
  • Appelez processData sans argument
  • Appelez logError avec "Invalid input detected"
  • Appelez displayWelcome avec "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"
quiz iconTestez-vous

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

Entraînez-vous par vous-même : Playground TypeScript