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.

¿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.

Resumen

• Una función es un bloque de código que realiza una tarea específica.
• Puedes definir una función con function, pasar parámetros a la función, y devolver valores con return.
• Las funciones anónimas y funciones flecha son formas alternativas y a veces más concisas de escribir funciones.

Las funciones te permiten organizar tu código de manera más eficiente y reutilizarlo en diferentes partes de tu programa.