Description du cas d'utilisation de la fonction de rappel JS

Cette fois, je vais vous apporter une description de cas d'utilisation de la fonction de rappel JS et quelles sont les précautions pour l'utilisation de la fonction de rappel JS. Ce qui suit est un cas pratique, prenons un. regarder.

Avant de parler de la fonction de rappel, jetons d'abord un coup d'œil à un morceau de code. Je pense que les étudiants ayant des connaissances de base en JS peuvent comprendre sa signification :

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

Ce code est. en fait un rappel d'événement, comme celui-ci. L'écriture est en fait relativement vague. Jetons un coup d'œil au code suivant

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

Les deux morceaux de code font en fait la même chose. sont écrits. Jetons un coup d'œil à ceci

, addEventListener('eventName',callback)Cette fonction a deux paramètres. Le premier est le nom de l'événement et 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, ils peuvent également être une fonction. Peut-être que tout le monde est encore confus quant au retour des fonctions à ce stade. Regardons l'exemple suivant. addEventListener

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 c à l'intérieur de cette fonction, puis exécutons notre rappel (fonction de rappel), puis exécutons le. fonction de démonstration

. Les trois paramètres de cette fonction sont comme ci-dessus, et la valeur 3 apparaît dans la fonction de rappel. 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.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée des étapes d'utilisation de WebUploader dans la boîte floue

Explication détaillée de l'utilisation calculée cas dans Vue.js

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!