Menu
CoddyTech

El tipo de retorno 'void'

Parte de la sección Introducción a TypeScript del Journey de JavaScript de Coddy. Lección 24 de 73.

Cuando una función realiza una acción pero no devuelve nada significativo, utilizas el tipo de retorno void para indicar explícitamente esta intención.

El tipo void representa la ausencia de un valor de retorno. Las funciones que registran mensajes, actualizan variables o realizan efectos secundarios suelen utilizar void como su tipo de retorno:

function logMessage(message: string): void {
  console.log(message);
}

function updateCounter(): void {
  counter++;
}

Aunque TypeScript a menudo puede inferir que una función devuelve void, añadir explícitamente la anotación : void hace que tu código sea más legible y comunica tu intención claramente a otros desarrolladores.

challenge icon

Desafío

Fácil

Crea una función llamada displayWelcome que reciba un parámetro userName de tipo string y tenga un tipo de retorno explícito void. La función debe imprimir un mensaje de bienvenida en la consola con el formato: "Welcome to our application, [userName]!"

Crea otra función llamada logError que reciba un parámetro errorMessage de tipo string y tenga un tipo de retorno explícito void. La función debe imprimir un mensaje de error en la consola con el formato: "ERROR: [errorMessage]"

Crea una tercera función llamada processData que no reciba parámetros y tenga un tipo de retorno explícito void. La función debe imprimir el mensaje "Processing data..." en la consola, y luego imprimir "Data processing complete." en una nueva línea.

Prueba tus funciones llamándolas en el siguiente orden:

  • Llama a displayWelcome con "Alice"
  • Llama a processData sin argumentos
  • Llama a logError con "Invalid input detected"
  • Llama a displayWelcome con "Bob"

Cada llamada a la función debe producir una salida en líneas separadas en el orden especificado anteriormente.

Pruébalo tú mismo

// TODO: Escribe tu código aquí
// Crea la función displayWelcome que recibe userName (string) y no devuelve nada (void)
// Crea la función logError que recibe errorMessage (string) y no devuelve nada (void)  
// Crea la función processData que no recibe parámetros y no devuelve nada (void)

// TODO: Llama a las funciones en el orden especificado:
// 1. displayWelcome con "Alice"
// 2. processData sin argumentos
// 3. logError con "Invalid input detected"
// 4. displayWelcome con "Bob"
quiz iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Introducción a TypeScript

Practica por tu cuenta: Playground de TypeScript