Cómo crear funciones en JavaScript: guía paso a paso

Las funciones son uno de los conceptos fundamentales en JavaScript, y en la programación en general. Permiten encapsular bloques de código para reutilizarlos, lo que ahorra tiempo y mejora la legibilidad del código. En este artículo, te enseñaremos cómo crear una función en JavaScript y te proporcionaremos cinco ejemplos de uso.

Lee también: Cómo agregar comentarios en HTML, CSS y JavaScript

¿Qué es una función en JavaScript?

Una función en JavaScript es un bloque de código que realiza una tarea específica. Puedes definirlo una vez y luego llamarlo en cualquier lugar de tu código. Además, las funciones pueden recibir parámetros y devolver un valor.

La sintaxis para declarar una función en JavaScript es la siguiente:

function nombreFuncion(parametros) {
  // Código a ejecutar
}

Ejemplos prácticos de cómo crear una función en JavaScript

1. Función sin parámetros

En este ejemplo, hemos creado una función simple que no toma ningún parámetro y que imprime un saludo en la consola.

function saludo() {
  console.log("¡Hola mundo!");
}
saludo();  // Esto imprimirá "¡Hola mundo!" en la consola

2. Función con parámetros

function suma(a, b) {
  let resultado = a + b;
  console.log(resultado);
}
suma(5, 3);  // Esto imprimirá "8" en la consola

Aquí, la función suma toma dos parámetros y muestra su suma.

3. Función que retorna un valor

function resta(a, b) {
  return a - b;
}
let resultado = resta(10, 3);  // resultado ahora es 7
console.log(resultado);

La función resta retorna el resultado de restar b de a. Este valor retornado se puede almacenar para su uso posterior.

4. Función anónima (sin nombre)

let multiplica = function(a, b) {
  return a * b;
}
let resultado = multiplica(4, 2);  // resultado ahora es 8
console.log(resultado);

En este ejemplo, la función no tiene un nombre y se asigna a la variable multiplica. A estas funciones se les llama funciones anónimas.

5. Funciones de flecha

let divide = (a, b) => {
  return a / b;
}
let resultado = divide(20, 5);  // resultado ahora es 4
console.log(resultado);

Las funciones de flecha son una forma más concisa de declarar funciones en JavaScript.