Entradas y salidas de funciones

Ya sabes cómo crear y llamar funciones básicas.

Ahora aprenderás cómo la misma función puede trabajar con diferentes valores y devolver un resultado a tu código.

Entradas: parámetros y argumentos

Una entrada de función es un valor que una función recibe cuando se ejecuta.

En JavaScript, usamos dos palabras importantes para las entradas de funciones: parámetros y argumentos.

Un parámetro es un nombre de marcador de posición dentro de la definición de la función.

Un argumento es el valor real que pasas a la función cuando la llamas.

Primer ejemplo de código

function greetUser(firstName) {
  console.log("Hola, " + firstName + "!");
}

greetUser("Ana");
greetUser("Luis");

Explicación del código

En este ejemplo, firstName es el parámetro. Funciona como un espacio vacío dentro de la función.

Cuando escribimos greetUser("Ana"), "Ana" es el argumento. JavaScript coloca "Ana" en el espacio de firstName y crea el saludo.

Cuando haces clic en Ejecutar, verás dos saludos en la sección de salida.

Salidas: usar return

A veces una función debe calcular un valor y devolver el resultado al resto de tu código.

Para hacer eso, usa la palabra clave return.

Cuando JavaScript llega a return, la función deja de ejecutarse y envía un valor de vuelta al lugar donde se llamó la función.

Puedes guardar ese valor devuelto en una variable.

function calculateTotal(price, tax) {
  return price + tax;
}

const finalPrice = calculateTotal(10, 2);
console.log("Tu total es: " + finalPrice);

return vs console.log()

console.log() envía un valor a la sección de salida para que puedas verlo.

return envía un valor de vuelta a tu código para que el programa pueda guardarlo y reutilizarlo.

En el ejemplo de arriba, calculateTotal(10, 2) devuelve 12. Luego 12 se guarda en la variable finalPrice.

Finalmente, console.log() muestra el mensaje final en la sección de salida.

Mini tarea

Edita el ejemplo calculateTotal de arriba.

Cambia los argumentos dentro de calculateTotal(10, 2) para encontrar el total de un precio de 20 y un impuesto de 5.

Haz clic en Ejecutar para ver tu nuevo total en la sección de salida.

Quiz corto

Pregunta: ¿Cuál es la diferencia entre un parámetro y un argumento?

Respuesta: Un parámetro es el nombre de marcador de posición en la definición de la función. Un argumento es el valor real que se pasa a la función cuando se llama.

Pequeño desafío

Escribe una función llamada getScore.

La función debe tomar dos parámetros: points y bonus.

Dentro de la función, devuelve la suma de esos dos números.

Luego llama tu función con argumentos reales, guarda el resultado en una variable e imprime esa variable.

// escribe tu código abajo

console.log()

Resumen

• Un parámetro es un marcador de posición dentro de la definición de una función.
• Un argumento es un valor real que se pasa en una llamada de función.
• return devuelve un valor desde una función.
• console.log() muestra un valor en la sección de salida.
• Los valores devueltos se pueden guardar en variables y reutilizar más tarde.