Maison > interface Web > js tutoriel > Fonctions de rappel

Fonctions de rappel

DDD
Libérer: 2024-11-04 09:08:30
original
790 Les gens l'ont consulté

Callback Functions

Est-ce que l'apprentissage des fonctions de rappel vous fait vous sentir comme Sharpay ?

Eh bien, avant d'entrer dans les détails techniques, 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, c'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 ressortir 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();
>

//utiliser 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 vanille".

Par conséquent, notre console devrait lire :

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

Et il y a notre recette pour la fonction callback, profitez-en !

Callback Functions

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal