Funciones en JavaScript
< Anterior Siguiente >Una función en JavaScript es un bloque de código diseñado para realizar una tarea particular. Una función se define con la palabra clave function
, seguida de un nombre, una lista de parámetros entre paréntesis ()
, y el bloque de código entre llaves {}
.
Ejemplo de una función básica
Este es un ejemplo de una función que muestra un mensaje en la consola:
function saludar() {
console.log("¡Hola, mundo!");
}
Para llamar a esta función, simplemente escribe el nombre de la función seguido de paréntesis:
saludar();
Funciones con parámetros
Las funciones pueden tomar parámetros, que son valores que se pasan a la función cuando se llama:
function sumar(a, b) {
return a + b;
}
En este caso, a
y b
son parámetros. Puedes llamar a la función sumar
con diferentes valores:
let resultado = sumar(5, 10);
console.log(resultado); // Salida: 15
Funciones anónimas
Una función anónima es una función que no tiene nombre. A menudo se usan como argumentos para otras funciones o se asignan a variables:
const mostrarMensaje = function() {
console.log("Este es un mensaje desde una función anónima.");
};
mostrarMensaje();
Funciones flecha
Las funciones flecha son una forma más compacta de escribir funciones. Utilizan la sintaxis de "flecha" (=>
):
const multiplicar = (a, b) => a * b;
Esta es una versión abreviada de una función normal. Puedes llamar a multiplicar
de la misma manera:
let producto = multiplicar(4, 3);
console.log(producto); // Salida: 12
Funciones de orden superior
Una función de orden superior es una función que puede tomar otras funciones como argumentos o devolverlas como resultado. Estas funciones son fundamentales para técnicas avanzadas de programación funcional:
function operar(funcion, x, y) {
return funcion(x, y);
}
function resta(a, b) {
return a - b;
}
let resultadoResta = operar(resta, 10, 5);
console.log(resultadoResta); // Salida: 5
Funciones dentro de objetos (Métodos)
Las funciones también pueden ser definidas dentro de objetos. Cuando una función es parte de un objeto, se llama método:
const persona = {
nombre: "Juan",
saludar: function() {
console.log("Hola, mi nombre es " + this.nombre);
}
};
persona.saludar(); // Salida: Hola, mi nombre es Juan
Funciones autoejecutables
Las funciones autoejecutables son funciones que se ejecutan inmediatamente después de ser definidas. Estas funciones están encapsuladas en paréntesis y se invocan automáticamente:
(function() {
console.log("Esta función se ejecuta inmediatamente después de ser definida.");
})();