Tableau avec des fonctions anonymes en JavaScript

J'ai déjà mentionné précédemment que les fonctions en JavaScript se comportent comme des chaînes de caractères ou des nombres. En particulier, on peut créer un tableau composé de fonctions. Créons-en un :

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

Par exemple, affichons dans la console le contenu de l'élément d'indice zéro du tableau :

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

console.log(arr[0]); // nous verrons le code source de la première fonction

Comme vous le voyez, dans l'exemple ci-dessus, nous obtenons le code source de la fonction, et non son résultat.

Pour que la fonction soit appelée, il faut lui ajouter des parenthèses. Comme notre fonction est stockée dans arr[0], les parenthèses devront être écrites après les crochets, comme ceci : arr[0](). Vérifions :

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

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

On peut aussi parcourir notre tableau de fonctions avec une boucle et dans cette boucle appeler chaque fonction :

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

for (let func of arr) {
  func(); // nous appelons nos fonctions dans la boucle
}