Exemple de fonction de rappel JS

Quand j'ai appris js pour la première fois, j'étais confus par la fonction de rappel. Maintenant, je regarde en arrière et je résume ce qu'est la fonction de rappel.

Regardons d'abord la définition anglaise du callback : Un callback est une fonction qui est passée en argument à une autre fonction et est exécutée une fois sa fonction parent terminée.

Littéralement comprise, la fonction de rappel est un paramètre. Cette fonction est passée en paramètre à une autre fonction. Une fois cette fonction exécutée, la fonction passée est exécutée. Ce processus est appelé rappel.

En fait, c'est facile à comprendre, non ? Après avoir terminé la fonction principale à l'avance, appelez la fonction transmise plus tard. Mais j'ai déjà lu de nombreux blogs et ils expliquent toujours la fonction de rappel de manière vague et profonde.

Donnez un exemple que d'autres ont donné : Après le rendez-vous, vous renvoyez votre petite amie à la maison. Lorsque vous lui direz au revoir, vous direz certainement : « Envoyez-moi un message quand vous rentrerez à la maison. Je suis très heureux. " Je m'inquiète pour toi. " Alors, ta petite amie t'a envoyé un message après son retour à la maison. Garçon, tu as une chance. En fait, il s'agit d'un processus de rappel. Vous laissez une fonction de paramètre (exigeant que votre petite amie vous envoie un message) à votre petite amie, puis votre petite amie rentre chez elle. L'action de rentrer chez elle est la fonction principale. Elle doit d'abord rentrer chez elle, la fonction principale a été exécutée, puis exécuter la fonction transmise, et vous recevrez alors un message.

Vous comprenez maintenant essentiellement la signification de la fonction de rappel. Ce n'est pas grave si vous ne comprenez pas, nous parlons en code.

//定义主函数，回调函数作为参数function A(callback) {
    callback();  
    console.log('我是主函数');      
}//定义回调函数function B(){
    setTimeout("console.log('我是回调函数')", 3000);//模仿耗时操作  }//调用主函数，将函数B传进去A(B);//输出结果我是主函数
我是回调函数

Dans le code ci-dessus, nous définissons d'abord la fonction principale et la fonction de rappel, puis appelons la fonction principale et transmettons la fonction de rappel.

Lors de la définition de la fonction principale, nous laissons le code exécuter d'abord la fonction de rappel callback(), mais le résultat de sortie est le contenu de la fonction de rappel sortie plus tard. Cela signifie que la fonction principale n'a pas besoin d'attendre la fin de l'exécution de la fonction de rappel et peut continuer à exécuter son propre code. Par conséquent, les fonctions de rappel sont généralement utilisées pour des opérations chronophages. Par exemple, requête ajax, telle que le traitement de fichiers, etc.

Cet article explique des exemples de fonctions de rappel JS Pour plus de contenu connexe, veuillez faire attention au site Web chinois de php.

Recommandations associées :

Mise en œuvre de l'héritage JS

JS implémente le glissement de la page HTML5 mobile vers le bas pour déclencher le chargement du contenu

JS contrôle la zone de texte pour interdire la saisie de caractères spéciaux

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!