Expresión de función invocada inmediatamente (IIFE) en JavaScript - Aprobando jQuery

Question

Tengo el siguiente código que sé que es un IIFE. Sin embargo, nunca pude comprender qué es (jQuery) y ($). Sé que tiene algo que ver con pasar una referencia de jQuery al IIFE, pero ¿podría alguien explicarme claramente el propósito de ellos? Gracias por su ayuda y tiempo :-)

(function ($) { 
//code 
})(jQuery); 

Answer 1

$ es un argumento a una función. jQuery es lo que se pasa como ese argumento cuando se invoca la función.

Piense en ello como esto:

function init($) { 
    // code can use $ here as a shortcut for jQuery 
    // even if $ has a different definition globally or isn't defined globally 
} 

init(jQuery); 

Excepto por el hecho de que este ejemplo se crea un símbolo global init, la ejecución de esto y su IIFE son idénticos. Ambos definen una función e inmediatamente la llaman.

$ es un argumento para la función. jQuery es lo que se pasa como ese argumento. Esto sirve para definir $ como un acceso directo para jQuery mientras está dentro de esa función sin afectar la definición global de $. A veces también puede haber una ligera ventaja en el rendimiento porque los símbolos definidos localmente (ya sea como variables locales o como argumentos con nombre) pueden ser un poco más rápidos de acceder que los símbolos globales.

La ventaja del IIFE es que no se definen nuevos símbolos globales. Aparte de eso, es idéntico en ejecución a este código.