Pour créer une promesse que l'async peut revenir après setTimeout le rappel se déclenche, nous pouvons envelopper la fonction setTimeout dans un constructeur de promesse, comme le montre l'extrait ci-dessous :
<br>function setTimeoutReturnPromise(delay) {<br> return new Promise((resolve) => {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">setTimeout(resolve, delay);});
}
Cette fonction prend un délai comme argument et renvoie une promesse. La promesse sera résolue une fois le délai spécifié écoulé et le rappel de la fonction setTimeout sera exécuté.
Maintenant, notre fonction asynchrone peut utiliser la fonction setTimeoutReturnPromise pour créer une promesse qu'elle peut renvoyer. Cela nous permet d'utiliser la méthode then() pour exécuter du code après l'appel du rappel setTimeout :
<br>async(function() {<br> setTimeoutReturnPromise(5000).then( () => {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">console.log("async called back");});
});
Depuis l'introduction d'ES2015 et du JavaScript moderne, les promesses sont devenues des fonctionnalités intégrées. La syntaxe a été simplifiée, comme indiqué ci-dessous :
<br>function later(delay) {<br> return new Promise((resolve) => {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">setTimeout(resolve, delay);});
}
Utilisation de la flèche fonctions et arguments de valeur de résolution facultatifs, le code peut être encore condensé :
<br>const later = (délai, valeur) => new Promise(resolve => setTimeout(resolve, delay, value));<br>
Si vous désirez annuler le délai d'attente, vous pouvez retourner un objet avec une promesse et une annulation méthode :
<br>const later = (délai, valeur) => {<br> let timer = 0;<br> let rejet = null;<br> const promise = new Promise((resolve, _reject) => {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">reject = _reject;
timer = setTimeout(resolve, delay, value);});
retour {
get promise() { return promise; },
cancel() {
if (timer) {
clearTimeout(timer);
timer = 0;
reject();
reject = null;
}
}};
};
Cette approche vous permet d'annuler le délai d'attente et de rejeter la promesse à l'aide de la méthode Cancel().
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!
Les dix principaux échanges de devises numériques
Numéro de téléphone mobile virtuel pour recevoir le code de vérification
Pourquoi n'y a-t-il aucun son provenant de l'ordinateur ?
Comment résoudre le problème lorsque la température du processeur de l'ordinateur est trop élevée
Que dois-je faire si la vidéo Web ne peut pas être ouverte ?
nième enfant
Annuler le mot de passe de mise sous tension sous XP
Comment utiliser la fonction de tri
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
