Est-ce que l'apprentissage des fonctions de rappel vous donne l'impression d'être comme Sharpay ?

Eh bien, avant d'entrer dans le vif du sujet technique, réfléchissons-y de manière plus théorique : avec du gâteau ! ?

Imaginez que vous souhaitiez préparer un gâteau pour l'anniversaire de votre ami. La veille de leur anniversaire, vous suivez une recette de glaçage et vous le mettez au réfrigérateur pour qu'il repose toute la nuit. Ici, la recette du glaçage est la fonction de rappel. Vous n'utilisez pas encore le glaçage, mais il attend d'être utilisé plus tard !

Le jour de la fête d'anniversaire, vous décidez de sortir la recette du gâteau. Il faut de la farine, de l'eau, des œufs, du sucre, de la levure chimique, du sel, du lait, et du glaçage.

Cette recette, ou fonction, utilise un tas de variables ainsi que cette recette, ou fonction, pour le glaçage. Cela rappelle cette recette que vous avez déjà créée ou déclarée plus tôt.

Ok, assez parlé de gâteau (malheureusement), passons aux aspects techniques :

À ce stade, nous sommes habitués à passer des variables comme arguments dans une fonction. En Javascript, nous pouvons également utiliser des fonctions pour passer en argument dans une nouvelle fonction. La première fonction est la fonction de rappel et c'est celle qui est passée en argument via la nouvelle fonction.

Par exemple:

//fonction de rappel
fonction glaçage ( ) {
console.log("glaçage vanille")
}

//nouvelle fonction
gâteau de fonction (saveur, rappel) {
console.log("Mon goût de gâteau est " saveur);
rappel();
}

//utilisation de la fonction de rappel comme argument
gâteau ("citrouille", glaçage);

À votre avis, quel est le résultat ici ?

Au bas du code, vous pouvez voir que nous avons appelé la fonction cake. Parce que nous passons par "citrouille" comme premier argument, nous savons que la console va enregistrer "Mon goût de gâteau est citrouille"

La deuxième partie de cette fonction utilise le deuxième paramètre pour appeler cette fonction. Lorsque nous appelons cake, nous voyons que le deuxième paramètre que nous appelons est la fonction de glaçage. La fonction de glaçage veut que nous consolions.log "glaçage à la vanille."

Par conséquent, notre console devrait lire :

Mon goût de gâteau est la citrouille
glaçage vanille

Et voici notre recette pour la fonction de rappel, profitez-en !

Défi supplémentaire :
Essayez d'écrire une fonction appelée decor qui prend une fonction de rappel pour ajouter des décorations à un gâteau !

Autres matériaux :

https://www.programiz.com/javascript/callback
https://developer.mozilla.org/en-US/docs/Glossary/Callback_function