Taulukko nimettömillä funktioilla JavaScriptissä

Olen aiemmin maininnut, että funktiot JavaScriptissä käyttäytyvät kuin merkkijonot tai numerot. Erityisesti voit tehdä taulukon, joka koostuu funktioista. Tehdään:

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

Esimerkiksi tulostetaan konsoliin taulukon nolla-alkion sisältö:

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

console.log(arr[0]); // näemme ensimmäisen funktion lähdekoodin

Kuten näette, yllä olevassa esimerkissä saamme funktion lähdekoodin, emme tulosta.

Jotta funktiota kutsuttaisiin, siihen on lisättävä pyöreät sulkeet. Koska funktiomme on tallennettu muuttujaan arr[0], pyöreät sulkeet on kirjoitettava hakasulkujen jälkeen, näin: arr[0](). Tarkistetaan:

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

arr[0](); // tulostaa '1'

Voimme myös käydä läpi funktiotaulukkomme silmukalla ja kutsua jokaisen funktion silmukan sisällä:

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

for (let func of arr) {
  func(); // kutsumme funktioitamme silmukassa
}