Comment interagissez-vous avec la boucle d'événements (event loop) ?

Je n'interagis pas directement avec la boucle d'événements, car c'est une mécanique interne du moteur JavaScript (par exemple, V8 dans Node.js et les navigateurs). Mon interaction se fait indirectement, via des opérations asynchrones.

Les principaux points de contact:

• Minuteries: setTimeout, setInterval. Ils placent des tâches dans la file d'attente des callbacks, qui seront exécutés par la boucle d'événements après le délai.
• Promises: Promise. Leurs méthodes (then, catch, finally) enregistrent des callbacks qui s'exécutent de manière asynchrone dans les micro-tâches de la boucle d'événements.
• Opérations d'entrée/sortie asynchrones: Requêtes au serveur (fetch, XMLHttpRequest), travail avec le système de fichiers dans Node.js. Leur achèvement entraîne la mise en file d'attente des callbacks correspondants dans la file de macro ou micro-tâches.
• Gestionnaires d'événements DOM: addEventListener. Les callbacks des gestionnaires s'exécutent lorsque la boucle d'événements traite un événement survenu dans le DOM.

Exemple d'utilisation des promises pour une opération asynchrone:

// Fonction asynchrone
async function fetchData(url) {
  try {
    const response = await fetch(url); // Opération asynchrone
    if (!response.ok) {
      throw new Error(`Erreur HTTP: ${response.status}`);
    }
    const data = await response.json(); // Opération asynchrone
    return data;
  } catch (error) {
    console.error('Erreur lors de la récupération des données:', error);
    throw error; // Relancer
  }
}

// Appel de la fonction asynchrone et gestion du résultat
fetchData('https://api.example.com/data')
  .then(data => {
    console.log('Données reçues:', data); // Ce callback s'exécutera de manière asynchrone
  })
  .catch(error => {
    console.error('Une erreur est survenue:', error); // Ce callback s'exécutera en cas d'erreur
  });

console.log('Ce code s'exécutera AVANT la fin des opérations asynchrones.'); // Code synchrone

Comprendre le fonctionnement de la boucle d'événements m'aide à écrire un code non bloquant, à gérer efficacement les opérations asynchrones et à éviter que l'interface utilisateur ne se fige. Je prends en compte que les opérations synchrones longues bloquent le thread principal et la boucle d'événements, donc j'essaie de les éviter ou de les déplacer vers des web workers.