首頁  >  文章  >  web前端  >  js 異步for迴圈的介紹

js 異步for迴圈的介紹

不言
不言原創
2018-07-09 10:54:391834瀏覽

這篇文章主要介紹了關於js 非同步for循環的介紹,有著一定的參考價值,現在分享給大家,有需要的朋友可以參考一下

假設一名廚師,需要做3道菜,聲明一個菜數組,菜對像是菜名和做飯需要的時間

let dishes=[{name:"fish",time:1},{name:"fish1",time:2},{name:"fish3",time:3}]

首先,廚師做飯應該一道接一道的做,所以得保證一道菜做後才開始做下一道菜。這裡用async/await實現,當然也可以選擇都用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)
        }
    })

以上就是本文的全部內容,希望對大家的學習有所幫助,更多相關內容請關注PHP中文網!

相關推薦:

 jQuery-Ajax請求Json資料並載入在前端頁面

ES6 Class 繼承與super的介紹

Javascript裝飾器的用法

以上是js 異步for迴圈的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn