Retarder l'exécution d'une fonction asynchrone

JavaScriptJavaScriptBeginner
Pratiquer maintenant

This tutorial is from open-source community. Access the source code

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce laboratoire, nous allons explorer la manière de retarder l'exécution d'une fonction asynchrone en JavaScript. En utilisant la fonction sleep et en renvoyant une Promise, nous pouvons mettre une partie de la fonction async en pause pour un certain temps, permettant un meilleur contrôle et une meilleure gestion de l'exécution du code. Par l'intermédiaire d'exemples pratiques, nous allons apprendre à implémenter efficacement cette technique dans des scénarios réels.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/ToolsandEnvironmentGroup(["Tools and Environment"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/loops("Loops") javascript/BasicConceptsGroup -.-> javascript/functions("Functions") javascript/AdvancedConceptsGroup -.-> javascript/async_prog("Asynchronous Programming") javascript/ToolsandEnvironmentGroup -.-> javascript/debugging("Debugging") subgraph Lab Skills javascript/variables -.-> lab-28270{{"Retarder l'exécution d'une fonction asynchrone"}} javascript/data_types -.-> lab-28270{{"Retarder l'exécution d'une fonction asynchrone"}} javascript/comp_ops -.-> lab-28270{{"Retarder l'exécution d'une fonction asynchrone"}} javascript/loops -.-> lab-28270{{"Retarder l'exécution d'une fonction asynchrone"}} javascript/functions -.-> lab-28270{{"Retarder l'exécution d'une fonction asynchrone"}} javascript/async_prog -.-> lab-28270{{"Retarder l'exécution d'une fonction asynchrone"}} javascript/debugging -.-> lab-28270{{"Retarder l'exécution d'une fonction asynchrone"}} end

Comment retarder l'exécution d'une fonction asynchrone en JavaScript

Pour retarder l'exécution d'une fonction asynchrone en JavaScript, vous pouvez utiliser la fonction sleep ci-dessous, qui renvoie une Promise qui se résout après un certain temps. Voici un exemple de retard de l'exécution d'une partie d'une fonction async à l'aide de sleep :

const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));

async function sleepyWork() {
  console.log("Je vais dormir pendant 1 seconde.");
  await sleep(1000);
  console.log("Je me suis réveillé après 1 seconde.");
}

Pour utiliser cette fonction, appelez simplement sleepyWork() et la console affichera les messages avec un retard de 1 seconde entre eux.

Sommaire

Félicitations ! Vous avez terminé le laboratoire sur le Retard de l'exécution d'une fonction asynchrone. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.