Maison  >  Article  >  interface Web  >  Introduction à la boucle for asynchrone js

Introduction à la boucle for asynchrone js

不言
不言original
2018-07-09 10:54:391871parcourir

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

Décorateur Javascript

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn