Las funciones son bloques de código reutilizables que realizan una tarea específica. En JavaScript, son uno de los conceptos fundamentales, ya que permiten estructurar, modularizar y reutilizar código de manera eficiente. En este artículo aprenderás todo sobre las funciones, desde su declaración básica hasta el uso de parámetros y valores de retorno, acompañado de ejemplos claros.
Una función es un conjunto de instrucciones agrupadas para realizar una tarea específica. Puedes llamarla varias veces en tu código, lo que mejora la reutilización y la legibilidad.
function saludar() {
console.log("Hola, mundo!");
}
// Llamar a la función
saludar(); // Salida: Hola, mundo!
En este ejemplo, la función saludar imprime un mensaje en la consola cada vez que se llama.
Hay varias formas de declarar funciones en JavaScript. A continuación, exploraremos las más comunes.
Esta es la forma clásica de declarar una función. La sintaxis comienza con la palabra clave function, seguida del nombre de la función, paréntesis y un bloque de código.
function sumar(a, b) {
return a + b;
}
console.log(sumar(5, 3)); // Salida: 8
Las funciones también se pueden asignar a variables. Estas son funciones anónimas (sin nombre) almacenadas en una variable.
const restar = function(a, b) {
return a - b;
};
console.log(restar(10, 4)); // Salida: 6
Introducidas en ES6, las funciones flecha son una forma concisa de escribir funciones. No tienen su propio this, lo que las hace ideales para callbacks.
const multiplicar = (a, b) => a * b;
console.log(multiplicar(4, 5)); // Salida: 20
Si la función tiene solo un parámetro o una sola línea de código, los paréntesis y las llaves son opcionales.
Los parámetros son variables que se definen entre los paréntesis de una función. Puedes especificar tantos parámetros como necesites.
function saludar(nombre) {
console.log(`Hola, ${nombre}!`);
}
saludar("Carlos"); // Salida: Hola, Carlos!
saludar("Ana"); // Salida: Hola, Ana!
Cuando llamas a una función, los valores que pasas a los parámetros se llaman argumentos.
function sumar(a, b) {
console.log(`Argumento 1: ${a}`);
console.log(`Argumento 2: ${b}`);
return a + b;
}
sumar(3, 7); // Salida: Argumento 1: 3; Argumento 2: 7
Puedes asignar valores predeterminados a los parámetros en caso de que no se proporcionen argumentos al llamar a la función.
function saludar(nombre = "invitado") {
console.log(`Hola, ${nombre}!`);
}
saludar(); // Salida: Hola, invitado!
saludar("Luis"); // Salida: Hola, Luis!
Una función puede devolver un valor utilizando la palabra clave return. Cuando se alcanza un return, la ejecución de la función se detiene.
function areaRectangulo(base, altura) {
return base * altura;
}
let resultado = areaRectangulo(5, 10);
console.log(resultado); // Salida: 50
Si una función no tiene un return, devuelve undefined por defecto.
function sinRetorno() {
console.log("Esta función no devuelve nada.");
}
let valor = sinRetorno();
console.log(valor); // Salida: undefined
El factorial de un número (n!) se calcula como el producto de todos los números enteros positivos hasta (n).
function factorial(n) {
if (n === 0 || n === 1) {
return 1;
}
return n * factorial(n - 1);
}
console.log(factorial(5)); // Salida: 120
function esPar(numero) {
return numero % 2 === 0;
}
console.log(esPar(4)); // Salida: true
console.log(esPar(7)); // Salida: false
function crearSaludo(nombre = "Visitante", hora = "día") {
return `Buen ${hora}, ${nombre}!`;
}
console.log(crearSaludo()); // Salida: Buen día, Visitante!
console.log(crearSaludo("Laura", "tarde")); // Salida: Buen tarde, Laura!
Con esta guía, tienes un conocimiento detallado de las funciones en JavaScript, desde cómo declararlas hasta cómo trabajar con parámetros y valores de retorno. Practica implementando tus propias funciones para resolver problemas y automatizar tareas en tu código.