Exemple d'application de fonction de rappel Javascript_compétences Javascript

Concept de fonction de rappel : Une fonction de rappel est une fonction appelée via un pointeur de fonction. Si vous passez un pointeur de fonction (adresse) en paramètre à une autre fonction, et que ce pointeur est utilisé pour appeler la fonction vers laquelle il pointe, on dit qu'il s'agit d'une fonction de rappel.

JS Api explique ceci : Un rappel est une fonction qui est passée en argument à une autre fonction et est exécutée une fois sa fonction parent terminée.

La raison de l'utilisation de la fonction de rappel : vous pouvez. L'appelant est séparé de l'appelé. L'appelant ne se soucie pas de savoir qui est l'appelé, tout ce qu'il a besoin de savoir, c'est qu'il existe une fonction appelée avec un certain prototype et certaines restrictions (telles qu'une valeur de retour int).

Prenons un exemple comme celui-ci :

Supposons que les niveaux inférieur et supérieur d'un projet soient réalisés par des personnes différentes, le niveau inférieur est responsable de l'accès aux données et le niveau supérieur est responsable des données. présentation. Lorsque le niveau supérieur a besoin Les données d'un certain module ont été utilisées, a-t-il dit au personnel de niveau inférieur, j'ai besoin que vous fournissiez des données qui répondent à certains besoins, et vous me fournissez une interface
<.>Le personnel de niveau inférieur a dit : Je vous fournirai les données. Comment les afficher et les traiter est votre affaire. Il m'est impossible de fournir une interface de données pour chaque besoin. Je vous fournirai une interface passable. Vous obtenez les données puis écrivez votre propre fonction pour les afficher. Après négociation, les deux parties fournissent une telle interface :

Copier le code Le code est le suivant :

//data représente la couche inférieure La source de données fournie, funcName représente la fonction appelante de haut niveau

function(data, funcName){

1.data appartient au cas 1 et est traité par la couche inférieure

2.data Il appartient au cas 2 et est géré par le niveau supérieur. Comment le gérer ? funcName fourni par le niveau supérieur à gérer

...

}

Je n'aurai peut-être pas Pour que ce soit clair, regardons un exemple et comprenons-le d'un seul coup

Copiez le code Le code est le suivant :

//Si la source de données fourni est un nombre entier, qui est le score d'un élève, lorsque num<=0, il sera traité par la couche inférieure, et lorsque n>0, il sera traité par la couche supérieure

/. /Copiez la fonction suivante Enregistrer sous 1.js

function f(num,callback){
if(num<0) {
alert("Appeler le traitement des fonctions de bas niveau !");
alert("Le score ne peut pas être négatif, erreur de saisie !");
}else if(num==0){
alert("Appeler le traitement des fonctions de bas niveau !"); ("L'étudiant n'a peut-être pas passé l'examen ! ");
}else{
alert("Appelez le traitement des fonctions de haut niveau!"
callback(); }

Copiez le code

Le code est le suivant : / /Enregistrez le fichier test.html suivant dans le même répertoire que 1.js :

"http: //www.w3.org/TR/html4/loose.dtd" >

: quand Lorsque le score de l'élève <=0, il sera traité par la couche inférieure ; lorsque le score > 0, il sera traité par la couche supérieure

;input type="text" id="score. ">
"pp">

Exécutez ce fichier et vous pourrez voir l'effet