Fundamentos de JavaScript

Teoría: Retorno de valores

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
💡 Usa 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 variable total.
  • 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).
  • return permite que una función envíe un resultado a quien la llamó.
  • Todo lo que está después de un return en la función no se ejecuta.
  • Podemos combinar console.log y return, 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.