Maison  >  Article  >  interface Web  >  Une brève analyse des exemples de fonctions de rappel dans JS

Une brève analyse des exemples de fonctions de rappel dans JS

亚连
亚连original
2018-05-26 17:05:401199parcourir

Cet article présente principalement la fonction de rappel en JS, et analyse brièvement le concept, la fonction, l'utilisation et les précautions associées de la fonction de rappel javascript sous forme d'exemples. Les amis dans le besoin peuvent se référer aux exemples de cet article

.

Décrit la fonction de rappel dans JS. Je le partage avec vous pour votre référence. Les détails sont les suivants :

Avant de parler de la fonction de rappel, vous pourriez aussi bien regarder d'abord un morceau de code, je pense que les étudiants ayant des connaissances de base en JS peuvent le faire. comprendre sa signification :

document.getElementById('demo').click=function(){
  alert(1);
};

Ce code est en fait un rappel d'événement. Il est en fait relativement vague lorsqu'il est écrit de cette façon. Autant y jeter un œil. au code suivant

document.getElementById('demo').addEventListener('click',function(){
    alert(1)
});

Ce que font ces deux morceaux de code est en fait la même, la seule différence est la manière de l'écrire. this addEventListener('eventName',callback), addEventListener Cette fonction a deux paramètres, le premier est le nom de l'événement, le deuxième paramètre est en fait la fonction de rappel Selon la méthode de la fonction de rappel dans le livre, puisque les paramètres de la fonction peuvent être des variables. , alors cela peut aussi être une fonction. Peut-être que tout le monde est encore confus quant au retour de la fonction à ce stade. Regardons l'exemple suivant.

function demo(a,b,callback){
    let c=a+b;
    callback(c);
};
demo(1,2,function(c){
    alert(c);//3
})

Ce code définit une fonction de démonstration. Cette fonction a trois paramètres a, b, callback Nous déclarons une variable locale à l'intérieur de cette fonction, puis. exécutez notre rappel (fonction de rappel), puis exécutez la fonction de démonstration

Les trois paramètres de cette fonction sont comme ci-dessus, et la valeur qui apparaît dans la fonction de rappel est 3. Il s'agit d'une simple fonction de rappel. Pour vraiment comprendre la signification de la fonction de rappel, je pense en fait que cela dépend de la compréhension de son objectif. Ce n'est qu'en comprenant son objectif que nous pouvons vraiment le comprendre.

Le scénario d'application le plus courant pour les fonctions de rappel est celui des opérations asynchrones. Parce que pour les opérations asynchrones, nous ne savons pas quand l'opération se terminera, le code que nous exécutons par la suite ne peut pas suivre le processus approprié.

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles connexes :

Schéma de boucle en Ajax

Un exemple simple d'utilisation de XPath dans dom4j

Une brève discussion sur la sélection de plage de dates DatePicker de Bootstrap

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!

Déclaration:
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