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.
Desafío
FácilCrea 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
displayWelcomecon"Alice" - Llama a
processDatasin argumentos - Llama a
logErrorcon"Invalid input detected" - Llama a
displayWelcomecon"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"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
1Primeros pasos con TS
¿Qué es TypeScript?¿Por qué usar TypeScript?Tu primer código en TypeScriptProceso de compilación y erroresResumen: Introducción a TS4Trabajando con funciones
Tipado de parámetros y valores de retornoTipado de funciones de flechaEl tipo de retorno 'void'Parámetros opcionales con '?'Valores de parámetros por defectoTipado de parámetros restDefinición de tipos de funcionesRepaso: Construcción de funciones tipadas2Tipos principales
Tipos básicos: str, num, booleanEl tipo 'any': Vía de escapeEl tipo 'unknown'Trabajando con 'null' y 'undef'Inferencia de tipos en acciónAnotaciones de tipo explícitasResumen: Práctica de tipos principales5Tipos: Alias, Uniones e Intersecciones
Alias de tipos para primitivosTipos de unión ('|')Trabajando con tipos de uniónTipos literalesTipos de intersección ('&')Combinando alias de tiposRepaso: Combinaciones de tipos avanzadas3Estructura de datos: Arrays y Tuplas
Arrays tipadosModificador 'readonly' para Arrays¿Qué es una Tupla?Declaración y acceso a TuplasDesestructuración de TuplasTuplas ReadonlyArrays tipados multidimensionalesOperador Spread con ArraysResumen: Arrays y TuplasPractica por tu cuenta: Playground de TypeScript