Comment créer des fonctions asynchrones personnalisées en JavaScript ?

Comment créer une fonction asynchrone en Javascript

La programmation asynchrone implique l'exécution de code sans bloquer le thread principal du programme. Cette technique est souvent utilisée pour gérer des tâches de longue durée sans geler l'interface utilisateur. En Javascript, réaliser l'asynchronicité peut être un défi.

Contexte

Considérez ce code :

<code class="javascript">$('#link').click(function() {
  console.log("Enter");
  $('#link').animate({ width: 200 }, 2000, function() {
    console.log("finished");
  });
  console.log("Exit");
});</code>

Ici, la fonction d'animation est asynchrone, permettant le code dans son rappel à exécuter une fois l'animation terminée. Ainsi, le flux du programme se divise en deux branches.

Création de fonctions asynchrones personnalisées

Pour imiter ce comportement dans les fonctions personnalisées, il faut exploiter les technologies asynchrones existantes en Javascript . Ces technologies incluent :

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

Exemple : utilisation de setTimeout

Bien que créant des les fonctions asynchrones ne sont pas directement supportées, nous pouvons les simuler en utilisant setTimeout :

<code class="javascript">function asyncFunct() {
  setTimeout(() => {
    console.log("finished");
  }, 2000);
}</code>

Cette fonction exécutera son code après un délai de 2 secondes, permettant au déroulement du programme de continuer sans blocage.

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!