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 :
let 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 :
let 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 :
let 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 :
let 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
}
Créez un tableau arr avec trois fonctions.
Que la première retourne via return
le nombre 1, la seconde - le nombre 2,
la troisième - le nombre 3.
En utilisant le tableau arr que vous avez créé,
affichez dans la console le nombre 3, en appelant
la fonction correspondante.
En utilisant le tableau arr que vous avez créé,
trouvez la somme des résultats des fonctions (sans boucle).
Parcourez le tableau arr que vous avez créé
avec une boucle et affichez les résultats de toutes
les fonctions dans la console.