Código Real
Apóyame
JavaScript

Curso de JavaScript

Dale vida a la web.

Aprende a programar, crea interacciones y construye proyectos reales.

Parámetros y valores de retorno

Los parámetros permiten que una misma función trabaje con datos distintos cada vez que la llamas, y return te deja usar el resultado calculado fuera de la función.

Cargando editor...
Resultado
Preparando resultado...
Cambia los valores al llamar calcularTotal(20, 3, 5) por otros números y observa cómo cambia el resultado sin tocar la función.

Explicación

Los parámetros son la forma en que una función recibe información desde afuera:

function nombre(param1, param2) {...}

Los parámetros son variables que la función espera recibir; actúan como "espacios" que se llenan al llamarla.

nombre(valor1, valor2)

Los argumentos son los valores reales que le pasas a la función en cada llamada, en el mismo orden que los parámetros.

return resultado

Devuelve un valor calculado dentro de la función para que puedas usarlo afuera, por ejemplo guardándolo en una variable.

Reto rápido

Agrega un cuarto parámetro impuesto y súmalo al resultado dentro de return.

En esta lección

  • Ejemplo interactivo
  • Explicación de cada etiqueta
  • Cuándo usarlo
  • Errores comunes

Consejo

El orden de los argumentos importa: calcularTotal(3, 20, 5) le da a precio el valor 3 y a cantidad el valor 20, aunque tu intención fuera la contraria.

Dato extra

Puedes darle un valor por defecto a un parámetro, como function calcularTotal(precio, cantidad, descuento = 0) {...}, para que la función funcione incluso si no le pasas ese argumento.

Error común

Calcular algo con return pero nunca usar ese valor devuelto (ni guardarlo en una variable ni pasarlo a console.log): el resultado se pierde apenas termina la función.

Siguiente paso

Ya sabes pasar datos a una función y recibir resultados con return. Ahora veamos una forma más corta de escribir funciones: las funciones flecha.

Ir a la siguiente lección