Comment JavaScript gère-t-il les réponses AJAX asynchrones dans son environnement monothread ?

Comment JavaScript gère-t-il les réponses AJAX en arrière-plan ?

Alors que JavaScript s'exécute dans un seul thread, les requêtes AJAX sont traitées en arrière-plan. Voici un aperçu plus approfondi des événements qui se produisent :

File d'attente et traitement des événements

Sous la surface, JavaScript maintient une file d'attente d'événements. À la fin d'un thread d'exécution JavaScript, il examine la file d'attente à la recherche d'événements supplémentaires. S'il y en a, le fil est supprimé de la file d'attente et déclenché (par exemple, un clic de souris).

Réponse AJAX et création d'événements

Lorsqu'une réponse AJAX est reçu, le réseau de code natif sous-jacent le reconnaît. Par conséquent, un événement est ajouté à la file d'attente des événements JavaScript. L'implémentation détermine comment le code natif détecte l'achèvement de l'appel AJAX (généralement via des threads ou des mécanismes pilotés par les événements).

Traitement des événements

Si JavaScript n'est pas actuellement en cours d'exécution, l'événement est activé immédiatement, appelant le gestionnaire de réponse AJAX. Sinon, l'événement est traité une fois le thread JavaScript en cours terminé. Cela élimine le besoin pour JavaScript d'interroger en permanence les mises à jour.

Exécution monothread

Parce que tous les événements externes entrent dans la file d'attente des événements et que les événements ne sont déclenchés que lorsque JavaScript ne s'exécute pas, le moteur conserve sa nature monothread. Dès qu'un thread JavaScript se termine, le moteur vérifie dans la file d'attente d'événements tous les événements en attente, les déclenchant si nécessaire. Cela garantit une exécution ininterrompue.

Ressources supplémentaires

Pour en savoir plus, consultez les articles et présentations suivants :

• Comment fonctionnent les minuteries Javascript John Resig
• Événements et timing en profondeur
• W3 spec : boucles d'événements HTML5
• Article MDN sur la boucle d'événements
• Présentation sur la file d'attente d'événements JS
• La boucle d'événements JavaScript : expliquée
• Cinq modèles pour aider à apprivoiser Javascript asynchrone
• Présentation de la boucle d'événement Javascript
• Vidéo Discuter du fonctionnement de Javascript

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!