Regístrate para acceder a más de 15 cursos gratuitos de programación con un simulador

Retorno de valores Fundamentos de JavaScript

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.

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.

Obtener acceso
130
cursos
1000
ejercicios
2000+
horas de teoría
3200
test

Obtén acceso

Cursos de programación para principiantes y desarrolladores experimentados. Comienza tu aprendizaje de forma gratuita

  • 130 cursos, 2000+ horas de teoría
  • 1000 ejercicios prácticos en el navegador
  • 360 000 estudiantes
Al enviar el formulario, aceptas el «Política de privacidad» y los términos de la «Oferta», y también aceptas los «Términos y condiciones de uso»

Nuestros graduados trabajan en empresas como:

Bookmate
Health Samurai
Dualboot
ABBYY