IIFE (Immediately Invoked Function Expression) en JavaScript
Un IIFE (Immediately Invoked Function Expression) es una función en JavaScript que se ejecuta inmediatamente después de ser definida. Se utiliza para evitar la contaminación del ámbito global y crear un ámbito local para las variables.
¿Cómo funciona un IIFE?
Un IIFE se define utilizando una función anónima encerrada entre paréntesis y se ejecuta inmediatamente con () al final. La sintaxis es la siguiente:
(function() {
console.log("Hola, soy un IIFE");
})();Explicación
1. Paréntesis que encierran la función: function() { ... } está dentro de () para convertirla en una expresión de función.
2. Ejecutar inmediatamente: () al final hace que la función se invoque de inmediato.
También se puede escribir con una función de flecha:
(() => {
console.log("Este es un IIFE con arrow function");
})();Ejemplos de uso de IIFE
Evitar conflictos de variables globales
(function() {
var mensaje = "Hola";
console.log(mensaje);
})();
console.log(typeof mensaje); // undefined
Aquí, la variable mensaje solo existe dentro del IIFE y no en el ámbito global.
Usar parámetros en un IIFE
(function(nombre) {
console.log("Hola, " + nombre);
})("Carlos");Se pueden pasar argumentos para personalizar la ejecución del IIFE.
Jorge García
Fullstack developer