Maison > Article > interface Web > Introduction à la boucle for asynchrone js
Cet article présente principalement l'introduction de la boucle for asynchrone js, qui a une certaine valeur de référence. Maintenant, je le partage avec tout le monde. Les amis dans le besoin peuvent s'y référer
Supposons qu'un chef ait besoin de préparer 3 plats. , déclarer une gamme de plats, l'objet plat est le nom du plat et le temps nécessaire à sa cuisson
let dishes=[{name:"fish",time:1},{name:"fish1",time:2},{name:"fish3",time:3}]
Tout d'abord, le chef doit cuisiner les plats les uns après les autres, il doit donc s'assurer qu'un plat est terminé avant de commencer le suivant. Ceci est implémenté en utilisant async/await. Bien sûr, vous pouvez également choisir d'utiliser Promise
(async ()=>{ for (let d of ds) { console.log("开始做"+d.name) await (() => { return new Promise(res => { setTimeout(res, d.time * 1000) }) })(); console.log("做好了"+d.name) } })
Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à tout le monde pour en savoir plus. contenu connexe, veuillez faire attention au site Web PHP chinois !
Recommandations associées :
jQuery-Ajax demande des données Json et les charge sur la page frontale
Classe ES6 héritage et super Présentation de l'utilisation du
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!