Array con funzioni anonime in JavaScript

Ho già menzionato in precedenza che le funzioni in JavaScript si comportano come stringhe o numeri. In particolare, puoi creare un array composto da funzioni. Creiamolo:

javascriptlet arr = [
  function() {console.log('1')},
  function() {console.log('2')},
  function() {console.log('3')},
];

Ad esempio, visualizziamo nella console il contenuto dell'elemento zero dell'array:

javascriptlet arr = [
  function() {console.log('1')},
  function() {console.log('2')},
  function() {console.log('3')},
];

console.log(arr[0]); // vedremo il codice sorgente della prima funzione

Come puoi vedere, nell'esempio sopra otteniamo il codice sorgente della funzione, non il risultato.

Per richiamare la funzione, è necessario aggiungere le parentesi tonde. Poiché la nostra funzione è memorizzata in arr[0], le parentesi tonde dovranno essere scritte dopo quelle quadre, in questo modo: arr[0](). Verifichiamo:

javascriptlet arr = [
  function() {console.log('1')},
  function() {console.log('2')},
  function() {console.log('3')},
];

arr[0](); // visualizzerà '1'

Puoi anche scorrere il nostro array di funzioni con un ciclo e in questo ciclo richiamare ciascuna funzione:

javascriptlet arr = [
  function() {console.log('1')},
  function() {console.log('2')},
  function() {console.log('3')},
];

for (let func of arr) {
  func(); // richiamiamo le nostre funzioni nel ciclo
}