Comment puis-je créer des fonctions JavaScript asynchrones sans « setTimeout() » ?

Fonctions asynchrones en Javascript : créer les vôtres sans setTimeout()

Les gestionnaires d'événements Javascript, tels que l'événement click, exécutent généralement le code de manière synchrone. Cependant, il existe des scénarios dans lesquels vous souhaiterez peut-être créer des fonctions asynchrones capables d'exécuter du code en arrière-plan.

Pour comprendre ce que nous entendons par asynchrone, considérez l'exemple de code fourni. Lorsque l'utilisateur clique sur l'élément « Lien », les messages « Entrée » et « Sortie » sont immédiatement enregistrés dans la console. Cependant, le message "terminé", qui fait partie d'une fonction d'animation, est enregistré de manière asynchrone.

Ce comportement asynchrone permet à d'autres codes de s'exécuter pendant l'exécution de l'animation. Donc, techniquement, le message "Exit" est enregistré avant la fin de l'animation.

Si vous souhaitez créer votre propre fonction asynchrone, il est important de noter que Javascript ne fournit pas nativement un moyen de le faire. Au lieu de cela, vous devez utiliser des technologies qui prennent en charge nativement l'exécution asynchrone.

Technologies d'exécution asynchrone :

• setInterval
• setTimeout
• requestAnimationFrame
• XMLHttpRequest
• WebSocket
• Worker
• API HTML5 (par exemple, API de fichier, API de base de données Web)
• Technologies qui support onload

Par exemple, la fonction d'animation de jQuery utilise en fait setInterval en interne pour réaliser une exécution asynchrone.

Par conséquent, même si vous ne pouvez pas créer une fonction asynchrone véritablement personnalisée en Javascript sans tirer parti de ces technologies, vous pouvez créer efficacement un comportement asynchrone en utilisant les outils disponibles fournis par Javascript et ses bibliothèques.

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!