Explication détaillée des exemples de fonctions de rappel JS

Cette fois, je vous apporte une explication détaillée de l'exemple de fonction de rappel JS, et quelles sont les précautions d'utilisation de la fonction de rappel JS. Ce qui suit est un cas pratique, allons-y. jetez un oeil.

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) , addEventListenerCette 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 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 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 de l'utilisation de calculé dans Vue.js

JS vérification de la date de naissance régulière expression

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!