Variabile locale del contatore in JavaScript

Consideriamo il seguente codice:

javascriptfunction test() {
  let num = 1;
  
  return function() {
    console.log(num);
    num++;
  };
}

test()(); // visualizzerà 1
test()(); // visualizzerà 1

Perché visualizzerà sempre il numero 1? Per capirlo, riscriviamo il nostro codice in modo diverso:

javascriptfunction test() {
  let num = 1;
  
  return function() {
    console.log(num);
    num++;
  };
};

let func1 = test(); //!! prima funzione
func1();  //visualizzerà 1

let func2 = test(); //!! seconda funzione
func2();  //visualizzerà 1

Cioè ogni chiamata della funzione test in questo modo: test()(), crea la propria funzione con la propria chiusura e chiama immediatamente questa funzione.

javascriptfunction func() {
  let num = 0;
  
  return function() {
    console.log(num);
    num++;
  };
}

func()();
func()();
func()();

javascriptfunction func() {
  let num = 0;
  
  return function() {
    console.log(num);
    num++;
  };
}

let test = func;

test()();
test()();
test()();