Comment envelopper la méthode setTimeout() dans Promise ?

La méthode

setTimeOut() exécute du code ou une fonction après un nombre spécifique de millisecondes. Parfois, nous devons résoudre ou rejeter une promesse après un délai spécifique, nous pouvons utiliser la méthode setTimeout() avec la promesse.

En JavaScript, une promesse est un objet qui renvoie le résultat d'une opération asynchrone. Ici, nous allons apprendre à utiliser la méthode setTimeOut() pour résoudre ou rejeter une promesse après un délai.

Exemple 1 (Promesse sans méthode setTimeOut())

Dans l'exemple ci-dessous, nous utilisons le constructeur Promise() pour créer une nouvelle Promise. Le constructeur Promise accepte une fonction de rappel comme paramètre et la fonction de rappel exécute la méthode solve() pour résoudre la promesse. Il démontre l’utilisation de base de Promise.

  
Using the Promises without setTimeOut() method in JavaScript
 
 
 
  Resolve Promise    

Grammaire

Les utilisateurs peuvent utiliser la méthode setTimeOut() avec Promise selon la syntaxe suivante.

new Promise(function (resolve, reject) { setTimeout(function () { resolve(); }, delay); });

Dans la syntaxe ci-dessus, nous exécutons la méthode solve() dans la méthode setTimeOut(). Il exécute la méthode solve() après un « délai » de millisecondes.

Exemple 2 (Promesse avec fonction asynchrone et méthode setTimeOut())

Dans l'exemple ci-dessous, nous avons créé une fonction asynchrone nommée "resolvePromise". Nous créons la promesse et la stockons dans la variable "sumPromise". Après, nous utilisons le mot-clé wait pour suspendre l'exécution de la fonction jusqu'à ce que la promesse soit résolue.

L'utilisateur peut observer dans le résultat que chaque fois qu'il appuie sur le bouton, la promesse est résolue après 2 000 millisecondes.

  
Using Promises with setTimeOut() method and async functions in JavaScript
 
 
 
  Resolve Promise    

Exemple 3 (Promesse avec le bloc then() et la méthode setTimeout())

Dans l'exemple ci-dessous, nous utilisons un bloc then() pour résoudre Promise au lieu d'utiliser la syntaxe async/await comme indiqué dans l'exemple 2. Nous utilisons également setTimeOut() dans une promesse, comme le montre l'exemple 2, pour résoudre la promesse après un délai.

  
Using the Promises with setTimeOut() method in JavaScript
 
 
  Resolve Promise    

Ce tutoriel apprend aux utilisateurs à envelopper la méthode setTimeOut() dans une promesse. De plus, nous utilisons la syntaxe async/wait et les blocs then() pour résoudre Promise. Les utilisateurs peuvent observer le résultat de l'exemple ci-dessus, qui résout la promesse après une milliseconde spécifique.

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!