Inmediately Invoked Function Expression (IIFE): Qué es y cómo utilizarla en JavaScript

Inmediately Invoked Function Expression (IIFE) es una técnica utilizada en JavaScript que implica la creación de una función y su invocación inmediata. Básicamente, se trata de una función anónima que se define y se ejecuta al mismo tiempo.

La sintaxis básica de una IIFE es la siguiente:

(function() {
  // Código a ejecutar
})();

En este ejemplo, se define una función anónima y se invoca inmediatamente con los paréntesis finales. El código dentro de los paréntesis de la función se ejecutará inmediatamente.

Las IIFE son útiles porque permiten encapsular variables y funciones en un ámbito local, lo que ayuda a prevenir conflictos con otras partes del código. Además, también pueden ayudar a mejorar el rendimiento al evitar la creación de variables y funciones globales innecesarias.

Por ejemplo, una IIFE podría utilizarse para crear un módulo JavaScript que encapsule todas sus variables y funciones dentro de un ámbito local. Esto puede ayudar a prevenir conflictos de nombre y a mantener el código organizado.

const miModulo = (function() {
  const nombre = 'Juan';

  function saludar() {
    console.log('Hola, ' + nombre + '!');
  }

  return {
    saludar: saludar
  };
})();

miModulo.saludar(); // Salida: "Hola, Juan!"

En este ejemplo, se define una IIFE que crea un módulo llamado "miModulo". El módulo tiene una variable "nombre" y una función "saludar". El módulo devuelve un objeto que contiene la función "saludar", que se puede llamar desde fuera del ámbito local de la IIFE.