En programación, cuando nuestro código se va haciendo cada vez más grande, necesitaremos buscar una forma de organizarlo y prepararnos para reutilizarlo y no repetir innecesariamente las mismas tareas. Para ello, un primer recurso muy útil son las funciones.
¿Qué es una función?
Las funciones nos permiten agrupar líneas de código en tareas con un nombre, para que, posteriormente, podamos hacer referencia a ese nombre para realizar todo lo que se agrupe en dicha tarea. Para usar funciones hay que hacer 2 cosas:
- Declarar la función: Preparar la función, darle un nombre y decirle las tareas que realizará.
- Ejecutar la función: «Llamar» a la función para que realice las tareas de su contenido.
Declaración
En el siguiente ejemplo veremos la declaración de una función llamada saludar:
// Declaración de la función "saludar"
function saludar() {
// Contenido de la función
console.log("Hola, soy una función");
}
El contenido de la función es una línea que mostrará por consola un saludo. Sin embargo, si escribimos estas 4-5 líneas de código en nuestro programa, no mostrará nada por pantalla. Esto ocurre así porque solo hemos declarado la función (le hemos dicho que existe), pero aún nos falta el segundo paso, ejecutarla, que es realmente cuando se realizan las tareas de su contenido.
Ejecución
Veamos, ahora sí, el ejemplo completo con declaración y ejecución:
// Declaración de la función "saludar"
function saludar() {
// Contenido de la función
console.log("Hola, soy una función");
}
// Ejecución de la función
saludar();
En este ejemplo hemos declarado la función y además, hemos ejecutado la función (en la última línea) llamándola por su nombre y seguida de ambos paréntesis, que nos indican que es una función. En este ejemplo, si se nos mostraría en la consola Javascript el mensaje de saludo.
Ejemplo
Veamos un primer ejemplo que muestre en la consola Javascript la tabla de multiplicar del 1:
// Tabla de multiplicar del 1
console.log("1 x 0 = ", 1 * 0);
console.log("1 x 1 = ", 1 * 1);
console.log("1 x 2 = ", 1 * 2);
console.log("1 x 3 = ", 1 * 3);
console.log("1 x 4 = ", 1 * 4);
console.log("1 x 5 = ", 1 * 5);
console.log("1 x 6 = ", 1 * 6);
console.log("1 x 7 = ", 1 * 7);
console.log("1 x 8 = ", 1 * 8);
console.log("1 x 9 = ", 1 * 9);
console.log("1 x 10 = ", 1 * 10);
Este primer ejemplo funciona perfectamente, sin embargo, no estamos aprovechando las ventajas de la programación, sino que hemos hecho todo el trabajo escribiendo 10 líneas de código.
Vamos a utilizar un bucle for para ahorrarnos tantas líneas de código:
// Declaración
for (let i = 0; i < 11; i++) {
console.log("1 x", i, "=", 1 * i);
}
Esto está mucho mejor. Hemos resumido 11 líneas de código en prácticamente 2 líneas utilizando un bucle for que va de 0 a 10 incrementando de 1 en 1. Incluso, recuerda que cuando las llaves sólo contienen una línea, se pueden omitir.
Otro detalle importante a mencionar es que, en muchos casos, a los programadores les resulta más intuitivo establecer la condición del bucle a
i <= 10que establecerla ai < 11. Son exactamente equivalentes, pero en el caso actual, la primera parece más «lógica», ya que vemos visualmente el número de la última iteración.
Pero aún no hemos utilizado funciones, así que vamos a modificar nuestro ejemplo para usar una. Imaginemos que ahora nuestro objetivo es mostrar la tabla de multiplicar del 1 varias veces (3 veces para ser exactos).
La primera aproximación para hacer eso que se nos ocurriría sería hacer lo siguiente:
// Primera vez
for (let i = 0; i <= 10; i++) console.log("1 x", i, "=", 1 * i);
// Segunda vez
for (let i = 0; i <= 10; i++) console.log("1 x", i, "=", 1 * i);
// Tercera vez
for (let i = 0; i <= 10; i++) console.log("1 x", i, "=", 1 * i);
Pero volvemos a tener el mismo problema del primer ejemplo. Estamos repitiendo el mismo código varias veces, complicándolo y volviéndolo más «feo». Además, si tuvieramos que hacer modificaciones en uno de los bucles habría también que repetir el trabajo 2 veces más, por cada uno de los otros bucles.
Veamos ahora como obtener el mismo resultado pero utilizando bucles y funciones, sin repetir varias veces las mismas tareas:
// Declaración de la función tablaDelUno()
function tablaDelUno() {
for (let i = 0; i <= 10; i++) console.log("1 x", i, "=", 1 * i);
}
// Bucle que ejecuta 3 veces la función tablaDelUno()
for (intento = 0; intento < 3; intento++) tablaDelUno();
En este ejemplo se declara la función, que mostrará la tabla de multiplicar del uno. Posteriormente, realizamos un bucle con la variable intento de 0 a 2 (3 repeticiones) para llamar la función 3 veces, y mostrar así la tabla de multiplicar cada vez.
Pero... ¿No sería más interesante mostrar las 3 primeras tablas de multiplicar (Tabla del uno, del dos y del tres)? Para hacer eso, primero tenemos que conocer los parámetros en funciones, que veremos en el siguiente artículo.
