Tablica z funkcjami anonimowymi w JavaScript

Wspomniałem wcześniej, że funkcje w JavaScript zachowują się jak ciągi znaków lub liczby. W szczególności, można utworzyć tablicę składającą się z funkcji. Stwórzmy:

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

Spróbujmy na przykład wyświetlić w konsoli zawartość zerowego elementu tablicy:

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

console.log(arr[0]); // zobaczymy kod źródłowy pierwszej funkcji

Jak widać w powyższym przykładzie, otrzymujemy kod źródłowy funkcji, a nie wynik.

Aby nastąpiło wywołanie funkcji, należy dodać do niej nawiasy okrągłe. Ponieważ nasza funkcja jest przechowywana w arr[0], to nawiasy okrągłe należy wpisać po kwadratowych, w ten sposób: arr[0](). Sprawdźmy:

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

arr[0](); // wyświetli '1'

Możemy również przejść pętlą przez naszą tablicę funkcji i w tej pętli wywołać każdą z funkcji:

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

for (let func of arr) {
  func(); // wywołujemy nasze funkcje w pętli
}