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.");
})();