Las funciones

En JavaScript, una función es un bloque de código que realiza una tarea específica o calcula un valor. Las funciones son fundamentales en la programación porque te permiten organizar tu código en partes reutilizables.

1. Qué es una función? #

Una función es como una receta en la cocina. Definimos una serie de pasos (el código) para realizar una tarea, y luego podemos usar esa receta (la función) tantas veces como queramos sin tener que volver a escribir los mismos pasos.

¿Cómo se define una función? #

Para definir una función, usamos la palabra clave function, seguida por un nombre para la función, un par de paréntesis () que pueden contener parámetros, y un bloque de código encerrado entre llaves {}.

Ejemplo básico:

1function saludar() {
2  console.log("¡Hola, mundo!");
3}

En este ejemplo:

• function: Palabra clave para declarar una función.
• saludar: Nombre de la función.
• (): Paréntesis donde se pueden incluir parámetros (en este caso, no hay parámetros).
• {}: Bloque de código que define lo que hace la función.

¿Cómo se ejecuta una función? #

Para ejecutar (o "llamar") una función, simplemente escribes su nombre seguido de paréntesis.

Ejemplo de llamada a una función:

 
1function saludar() {
2  console.log("¡Hola, mundo!");
3}
4
5saludar(); // Esto mostrará "¡Hola, mundo!" en la consola
Salida de consola
¡Hola, mundo!

Funciones con parámetros #

Los parámetros son valores que puedes pasar a una función para que ésta los utilice. Son como los ingredientes que le das a la receta.

Ejemplo de función con parámetros:

 
1function saludar(nombre) {
2  console.log("¡Hola, " + nombre + "!");
3}
4
5saludar("Juan"); // Muestra "¡Hola, Juan!"
6saludar("Ana");  // Muestra "¡Hola, Ana!"
Salida de consola
¡Hola, Juan!
¡Hola, Ana!

En este ejemplo, nombre es un parámetro. Cuando llamamos a saludar("Juan"), el valor "Juan" se pasa a la función y se usa dentro de ella.

Funciones que devuelven un valor #

Las funciones también pueden devolver un valor usando la palabra clave return. Esto es útil si quieres que la función calcule algo y te dé el resultado.

Ejemplo de función que devuelve un valor:

 
1function sumar(a, b) {
2  return a + b;
3}
4
5let resultado = sumar(3, 4); // resultado ahora es 7
6console.log(resultado); // Muestra 7
Salida de consola
7

En este ejemplo, sumar toma dos parámetros a y b, suma sus valores y devuelve el resultado con return.

Funciones anónimas y funciones flecha #

Además de las funciones tradicionales, JavaScript tiene funciones anónimas (sin nombre) y funciones flecha.

• Función anónima:

   
  1let saludar = function() {
  2  console.log("¡Hola, mundo!");
  3};
  4
  5saludar(); // Muestra "¡Hola, mundo!"
  Salida de consola
  ¡Hola, mundo!

• Función flecha:

   
  1let saludar = () => {
  2  console.log("¡Hola, mundo!");
  3};
  4
  5saludar(); // Muestra "¡Hola, mundo!"
  Salida de consola
  ¡Hola, mundo!

Las funciones flecha son una forma más concisa de escribir funciones, especialmente útiles cuando la función es corta.