Funciones en JavaScript

• En el desarrollo, la reutilización de código es común y se gestiona mejor creando funciones.
• Una función es un bloque de código reutilizable que se invoca para realizar una tarea específica, evitando la repetición de código.

Estructura de una Función Simple

• La estructura básica de una función incluye la palabra clave function, un nombre (alias) para la función, paréntesis () y un bloque de código entre llaves {}.
• Para ejecutar una función, se utiliza su nombre (alias) seguido de paréntesis: alias().
• Ejemplo:

  function saludo() {
      console.log('Hola a todos');
  }
  
  saludo(); // Hola a todos
  

• Se recomienda nombrar las funciones con sustantivos que describan su acción, por ejemplo, perfilDeUsuario(), ultimaPagina().

Argumentos en Funciones

• Las funciones pueden aceptar argumentos, que son valores que se pasan a la función cuando se invoca, permitiendo personalizar su comportamiento.
• Ejemplo con un argumento:

  function saludo(nombre) {
      console.log(`Hola a ${nombre}`);
  }
  
  saludo('Luis'); // Hola a Luis
  

• Para usar múltiples argumentos, se separan por comas:

  function saludo(nombre, localidad) {
      console.log(`Hola a ${nombre} desde ${localidad}`);
  }
  
  saludo('Luis', 'Valencia'); // Hola a Luis desde Valencia
  

Argumentos por Defecto

• Se pueden definir valores por defecto para los argumentos de una función, de modo que si no se proporciona un valor al invocar la función, se utilizará el valor por defecto.
• Ejemplo:

  function saludaA(nombre='todos') {
      console.log(`Hola a ${nombre}`);
  }
  
  saludaA(); // Hola a todos
  saludaA('Luis'); // Hola a Luis
  

Array de Argumentos

• Para aceptar un número indefinido de argumentos, se utiliza la sintaxis ..., que crea un array con todos los argumentos pasados a la función.
• Ejemplo:

  function diasLibres(...dias) {
      console.log(dias);
  }
  
  diasLibres('Lunes', 'Jueves', 'Domingo'); // ['Lunes', 'Jueves', 'Domingo']
  

Return

• La instrucción return permite que una función devuelva un valor como resultado de su ejecución.
• Si no se recoge el valor devuelto, se pierde.
• Ejemplo:

  function saluda() {
      return 'Hola a todos';
  }
  
  const texto = saluda();
  console.log(texto); // Hola a todos
  

• Ejemplo práctico:

  function calcularEdad(anyo) {
      return new Date().getFullYear() - anyo;
  }
  
  const nombre = "Bob";
  const anyoNacimiento = 2000;
  const edad = calcularEdad(anyoNacimiento)
  console.log(`${nombre} nació en ${anyoNacimiento} y tiene ${edad} años.`); // Bob nació en 2000 y tiene 22 años.
  

Funciones Anónimas

• Una función anónima es una función que no tiene nombre.
• Se puede asignar a una variable para ser utilizada posteriormente.
• Ejemplo:

  const miFuncion = function() {
      console.log('Soy anónima');
  };
  
  miFuncion(); // Soy anónima
  

Recursividad

• La recursividad es cuando una función se llama a sí misma.
• Útil para repetir la ejecución hasta cumplir ciertos requisitos o para cálculos recursivos.
• Ejemplo:

  function adivinarNumero() {
      const numeroAdivinar = 4;
      const respuesta = prompt('Del 1 al 5, ¿en que número estoy pensando?');
      if (respuesta == numeroAdivinar) {
          alert("¡Lo has adivinado!")
          return true;
      }
      return adivinarNumero();
  }
  
  adivinarNumero();
  

• Otro ejemplo:

  function sumarNumerosNaturales(n) {
      return n > 0 ? n + sumarNumerosNaturales(n - 1) : n;
  }
  
  sumarNumerosNaturales(8); // 36
  
  function generar_secuencia_fibonacci(longitud, secuencia=[0, 1]) {
      return secuencia.length < longitud ? generar_secuencia_fibonacci(longitud, secuencia.concat(secuencia.at(-1) + secuencia.at(-2))) : secuencia;
  }
  
  generar_secuencia_fibonacci(7); // [0, 1, 1, 2, 3, 5, 8]
  

Funciones Especiales

• alert(): Muestra un modal de aviso nativo en el navegador:

  alert('Equipo pirateado');
  

• prompt(): Muestra un modal que permite al usuario introducir texto:

  const respuesta = prompt('¿Cual es tu color favorito?');
  console.log(respuesta); // Imprime la respuesta del usuario
  

• setTimeout(): Ejecuta una función después de un retardo especificado en milisegundos. Usa una función anónima:

  const miTimeout = setTimeout(function() {
      alert('Acepta nuestras cookies?');
  }, 2000); // Se ejecuta después de 2 segundos
  

• setInterval(): Ejecuta una función repetidamente cada cierto intervalo de tiempo en milisegundos. Usa una función anónima:

  const miIntervalo = setInterval(function() {
      alert('Borrando una foto suya al azar');
  }, 3000); // Se ejecuta cada 3 segundos
  

• clearInterval(): Detiene la ejecución de un intervalo definido con setInterval():

  clearInterval(miIntervalo);
  

Bloques de Comentarios

• Los comentarios en el código son importantes para documentar y explicar su funcionalidad.
• Es preferible comentar "qué devuelve" una función en lugar de "cómo funciona el código".
• Ejemplo:

  function sumar(num1, num2) {
      return num1 + num2;
  }