¿Por qué en el Ejemplo 1 y el Ejemplo 2 arrojan resultados diferentes? Una instancia de variable contraria (ejemplo 1) aún tiene acceso desde el ámbito global.
Ejemplo 1:
const increment = (()=> { let counter = 0; //console.log(counter); const credits = (num) => console.log(`I have ${num} credit(s).`); return () => { counter++; credits(counter); } })(); increment();//I have 1 credit(s). increment();//I have 2 credit(s).Ejemplo 2:
function a() { let counter = 0; const credits = (num) => console.log(`I have ${num} credit(s).`); return () => { counter++; credits(counter); } } a()();//I have 1 credit(s). a()();//I have 1 credit(s).Gracias.
La línea de let counter inicializa una variable de counter . Esto ocurrirá cada vez que se ejecute esa línea.
En el primer ejemplo, ejecuta esa línea una vez cuando invoca el IIFE con })() al final, y la función devuelta por el IIFE hace referencia a esa variable de counter que inicializó.
En el segundo ejemplo, ejecuta esa línea cada vez que se ejecuta a función: se crea una nueva variable de counter cada vez que ejecuta a() . Entonces, si hace a()() , crea una variable de contador, la incrementa en la función devuelta, la registra y luego la descarta (ya que ya no se puede hacer referencia al counter ). Llamar a()() y luego a()() da como resultado dos variables de counter separadas, las cuales se incrementan en 1 y se registran.
Si desea registrar 2 ajustando el segundo ejemplo, asigne la función devuelta a una variable antes de llamarla, luego llame a esa función devuelta dos veces (en lugar a llamar dos veces).
function a() { let counter = 0; const credits = (num) => console.log(`I have ${num} credit(s).`); return () => { counter++; credits(counter); } } const fn = a(); fn();//I have 1 credit(s). fn();//I have 2 credit(s).