En la vida real y en el trabajo, casi siempre necesitas guardar resultados, calcular precios, armar mensajes o procesar datos. Para eso usamos return: le dice a la función “devuélveme este resultado para poder usarlo más adelante”.
Esto es clave para automatizar tareas, crear apps, analizar datos y mucho más. Veamos cómo funciona.
¿Por qué usar return?
Imagina que quieres unir nombre y apellido de un cliente para mostrarlo, enviarlo o guardarlo. Puedes escribir una función así:
const unirNombre = (nombre, apellido) => {
return nombre + ' ' + apellido;
};
const completo = unirNombre('Arya', 'Stark');
console.log(completo); // Arya Stark
- La función hace el trabajo.
- Con
return, el valor final ('Arya Stark') se guarda en la variable completo. - Luego puedes mostrarlo, usarlo en un email o pasarlo a otra función.
return no muestra nada en pantalla. Solo devuelve un valor. Si quieres ver ese valor, debes usar console.log() por separado.
¿Qué pasa si no pones return?
Si olvidas return, tu función no devuelve nada útil (sale undefined). No puedes usar el resultado después.
const unirNombre = (nombre, apellido) => {
nombre + ' ' + apellido; // Falta el return
};
const completo = unirNombre('Arya', 'Stark');
console.log(completo); // undefined
¿Y si solo usas console.log()?
console.log() solo muestra en pantalla, pero no entrega el dato para otras partes del programa.
const sumar = (a, b) => {
console.log(a + b); // Solo lo imprime
};
const resultado = sumar(2, 3);
console.log(resultado); // undefined
return cuando necesitas usar el valor después, y console.log solo para ver qué está pasando mientras pruebas. Ejemplo súper práctico
Imagina que tienes una tienda online. Cuando el cliente compra, quieres calcular cuánto tiene que pagar después de aplicar un descuento.
Así se hace con una función y return:
const calcularPrecioFinal = (precio, descuento) => {
// Aquí calculamos el precio final
return precio - descuento; // <-- Este resultado se devuelve para usarlo después
};
const total = calcularPrecioFinal(1000, 200); // Guardamos el resultado en 'total'
console.log('Tienes que pagar:', total); // Mostramos el total: 800
¿Por qué es útil return aquí?
- La función hace el cálculo una sola vez.
- Con
return, el resultado (800) se guarda en la variabletotal. - Después puedes usar ese valor donde quieras: mostrarlo, enviarlo por WhatsApp, guardarlo en una base de datos, o hacer otro cálculo.
Resumen
- Las funciones pueden imprimir (
console.log) o devolver valores (return). returnpermite que una función envíe un resultado a quien la llamó.- Todo lo que está después de un
returnen la función no se ejecuta. - Podemos combinar
console.logyreturn, aunque cumplen funciones distintas.
En el trabajo real, casi cualquier función útil necesita devolver un valor para que otras partes del código puedan usarlo.
Para acceder completo a curso necesitas un plan básico
El plan básico te dará acceso completo a todos los cursos, ejercicios y lecciones de Códica, proyectos y acceso de por vida a la teoría de las lecciones completadas. La suscripción se puede cancelar en cualquier momento.