En el apartado anterior, hemos visto la parte más simple de función, que es abstraer información para simplificar y reducir nuestro código. Sin embargo, una de las virtudes más interesantes de una función es la de poder reutilizarla para múltiples tareas. Y para ello, tenemos que saber que son los parámetros de entrada y de salida de una función.
¿Qué son los parámetros?
Las funciones son mucho más flexibles y potentes de lo que hemos visto hasta ahora. A las funciones se les pueden pasar parámetros, que no son más que variables que les pasamos desde fuera hacia dentro de la función. Además, también podemos hacer que la función realice sus tareas y nos devuelva un resultado hacia el exterior de la función.
Veamos el siguiente ejemplo, donde utilizamos el parámetro hasta para indicar hasta donde debe llegar:
// Declaración
function tablaDelUno(hasta) {
for (let i = 0; i <= hasta; i++) {
console.log("1 x", i, "=", 1 * i);
}
}
// Ejecución
tablaDelUno(10); // Tabla del 1
tablaDelUno(5); // Tabla del 1Como podemos ver, en el interior de los paréntesis de la función se ha indicado una variable llamada hasta. Esa variable contiene el valor que se le da a la hora de ejecutar la función, que en este ejemplo, si nos fijamos bien, se ejecuta dos veces: una con valor 10 y otra con valor 5.
Analicemos este código:
- Ejecutamos la función
tablaDelUno(10). - En la función
tablaDelUno, el parámetrohastavaldrá10. - Por lo tanto, haremos un bucle
fordesde0hasta10, incrementando de1en1. - Se mostrará la tabla de multiplicar del uno, desde el
0hasta el10.
Al terminar ejecutaremos la segunda función:
- Ejecutamos la función
tablaDelUno(5). - En la función
tablaDelUno, el parámetrohastavaldrá5. - Por lo tanto, haremos un bucle
fordesde0hasta5, incrementando de1en1. - Se mostrará la tabla de multiplicar del uno, desde el
0hasta el5.
La idea de las funciones es enfocarnos en el código de la declaración, y una vez lo tengamos funcionando, nos podemos olvidar de él porque está encapsulado dentro de la función. Simplemente tendremos que recordar el nombre de la función y los parámetros que hay que pasarle. Esto hace que sea mucho más fácil trabajar con el código.
Parámetros múltiples
Hasta ahora sólo hemos creado una función con 1 parámetro, pero una función de Javascript puede tener muchos más parámetros. Vamos a crear otro ejemplo, mucho más útil donde convertimos nuestra función en algo más práctico y útil:
// Declaración
function tablaMultiplicar(tabla, hasta) {
for (let i = 0; i <= hasta; i++) {
console.log(tabla, "x", i, "=", tabla * i);
}
}
// Ejecución
tablaMultiplicar(1, 10); // Tabla del 1
tablaMultiplicar(5, 10); // Tabla del 5En este ejemplo, hemos modificado nuestra función tablaDelUno() por esta nueva versión que hemos cambiado de nombre a tablaMultiplicar(). Esta función necesita que le pasemos dos parámetros: tabla (la tabla de multiplicar en cuestión) y hasta (el número hasta donde llegará la tabla de multiplicar).
De esta forma, las dos llamadas para ejecutar la función mostrarán por la consola la tabla de multiplicar del 1 y del 5.
Podemos añadir más parámetros a la función según nuestras necesidades. Es importante recordar que el orden de los parámetros es importante y que los nombres de cada parámetro no se pueden repetir en una misma función.
Parámetros por defecto
Es posible que en algunos casos queramos que ciertos parámetros tengan un valor sin necesidad de escribirlos en la ejecución. Es lo que se llama un valor por defecto.
En nuestro ejemplo anterior, nos podría interesar que la tabla de multiplicar llegue siempre hasta el 10, ya que es el comportamiento por defecto. Si queremos que llegue hasta otro número, lo indicamos explicitamente, pero si lo omitimos, queremos que llegue hasta 10. Esto se haría de la siguiente forma:
function tablaMultiplicar(tabla, hasta = 10) {
for (let i = 0; i <= hasta; i++) {
console.log(tabla, "x", i, "=", tabla * i);
}
}
// Ejecución
tablaMultiplicar(2); // Tabla del 2, del 0 al número 10
tablaMultiplicar(2, 15); // Tabla del 2, del 0 al número 15De esta forma nos ahorramos tener que escribir los valores en la ejecución de la función, si en la mayoría de los casos va a tomar ese valor.
Devolución de valores
Hasta ahora hemos utilizado funciones simples que realizan acciones o tareas (en nuestro caso, mostrar por consola), pero habitualmente, lo que buscamos es que esa función realice una tarea y nos devuelva la información al exterior de la función, para así utilizarla o guardarla en una variable, que utilizaremos posteriormente para nuestros objetivos.
Para ello, se utiliza la palabra clave return, que suele colocarse al final de la función, ya que con dicha devolución terminamos la ejecución de la función (si existe código después, nunca será ejecutado).
Veamos un ejemplo con una operación muy sencilla, para verlo claramente:
function sumar(a, b) {
return a + b; // Devolvemos la suma de a y b al exterior
console.log("Suma realizada."); // Este código nunca se ejecutará
}
// Ejecución
const resultado = sumar(5, 5); // Se guarda 10 en la variable resultado
console.log("Resultado = ", resultado); // Mostramos el resultado por consolaComo podemos ver, esto nos permite crear funciones más modulares y reutilizables que podremos utilizar en multitud de casos, ya que la información se puede enviar al exterior de la función y utilizarla junto a otras funciones o para otros objetivos.
