Devolución de Parámetros en JavaScript
En JavaScript, las funciones no solo pueden recibir parámetros, sino que también pueden devolver valores usando la palabra clave return. Este valor devuelto puede ser utilizado más adelante en el programa o almacenado en una variable.
1. Qué significa "devolver parámetros"? #
Cuando decimos que una función "devuelve un valor" o "devuelve parámetros", nos referimos a que, al final de su ejecución, la función puede enviar un valor de regreso al lugar donde fue llamada. Este valor puede ser el resultado de un cálculo, un objeto, un valor simple, o cualquier otra cosa.
¿Cómo funciona la devolución de valores? #
Para devolver un valor desde una función, usas la palabra clave return seguida del valor que quieres devolver.
Ejemplo simple de devolución de un valor:
1function sumar(a, b) { 2 return a + b; // Devuelve la suma de a y b 3} 4 5let resultado = sumar(3, 4); // Llama a la función y almacena el resultado 6console.log(resultado); // Muestra 7Salida de consola 7
En este ejemplo:
- La función
sumartoma dos parámetros,ayb. - La línea
return a + b;devuelve el resultado de sumarayb. - Ese resultado se almacena en la variable
resultadocuando se llama a la función.
Devolviendo objetos o arrays #
También puedes devolver objetos, arrays o incluso otras funciones desde una función.
Ejemplo de devolución de un objeto:
1function crearUsuario(nombre, edad) { 2 return { 3 nombre: nombre, 4 edad: edad 5 }; 6} 7 8let usuario = crearUsuario("Ana", 25); 9console.log(usuario.nombre); // Muestra "Ana" 10console.log(usuario.edad); // Muestra 25Salida de consola Ana 25
En este ejemplo:
- La función
crearUsuariodevuelve un objeto con propiedadesnombreyedad. - El objeto devuelto se almacena en la variable
usuario, y luego se accede a sus propiedades.
Devolviendo valores condicionalmente #
Puedes usar return dentro de una estructura de control, como if, para devolver valores diferentes según ciertas condiciones.
Ejemplo de devolución condicional:
1function verificarEdad(edad) { 2 if (edad >= 18) { 3 return "Eres mayor de edad"; 4 } else { 5 return "Eres menor de edad"; 6 } 7} 8 9let mensaje = verificarEdad(20); 10console.log(mensaje); // Muestra "Eres mayor de edad"Salida de consola Eres mayor de edad
En este ejemplo:
- La función
verificarEdaddevuelve diferentes cadenas de texto dependiendo del valor del parámetroedad.
Importancia de return #
- Cuando JavaScript encuentra un
return, detiene la ejecución de la función y devuelve el valor especificado. - Si una función no tiene un
returnexplícito, devuelveundefinedpor defecto.
Ejemplo de una función sin return:
1function sinRetorno() { 2 let valor = 4 + 5 3 // No hay return 4} 5 6let resultado = sinRetorno(); // Almacena undefined 7console.log(resultado); // Muestra "undefined"Salida de consola undefined
Resumen del tema
Conceptos clave #
- Instrucción
return: interrumpe inmediatamente el flujo de ejecución de la función y emite el valor especificado hacia el llamador. - Devolución de Tipos Complejos: una función puede devolver primitivos, arrays, objetos literales estructurados o incluso nuevas funciones (cierres/closures).
- Retornos Tempranos (Early Return Pattern): técnica para salir rápido de la función ante condiciones de guarda o validaciones fallidas, reduciendo la anidación de bloques
else.
Qué debes recordar #
return finaliza la ejecución de la función inmediatamente y transfiere el resultado al contexto de invocación; sin él, la función retorna undefined.