js 異步for循環(huán)

hlcfan 發(fā)布于2019-08-22 18:34 / 1221人閱讀

摘要：假設(shè)一名廚師，需要做道菜聲明一個(gè)菜數(shù)組，菜對(duì)象是菜名和做菜需要的時(shí)間首先，廚師做菜應(yīng)該一道接一道的做，所以得保證一道菜做后才開(kāi)始做下一道菜。這里用實(shí)現(xiàn)，當(dāng)然也可以選擇都用開(kāi)始做做好了

假設(shè)一名廚師，需要做3道菜,聲明一個(gè)菜數(shù)組，菜對(duì)象是菜名和做菜需要的時(shí)間

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

首先，廚師做菜應(yīng)該一道接一道的做，所以得保證一道菜做后才開(kāi)始做下一道菜。這里用async/await實(shí)現(xiàn)，當(dāng)然也可以選擇都用Promise

    (async ()=>{
      for (let d of ds) {
          console.log("開(kāi)始做"+d.name)
          await (() => {
            return new Promise(res => {
              setTimeout(res, d.time * 1000)
            })
          })();
          console.log("做好了"+d.name)
        }
    })

云服務(wù)器 GPU云服務(wù)器 js for循環(huán)回調(diào) js for循環(huán)可以 js for循環(huán)語(yǔ)法 js for循環(huán)元素

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/95999.html

相關(guān)文章

10分鐘理解JS引擎的執(zhí)行機(jī)制

摘要：深入理解引擎的執(zhí)行機(jī)制靈魂三問(wèn)為什么是單線程的為什么需要異步單線程又是如何實(shí)現(xiàn)異步的呢中的中的說(shuō)說(shuō)首先請(qǐng)牢記點(diǎn)是單線程語(yǔ)言的是的執(zhí)行機(jī)制。深入理解JS引擎的執(zhí)行機(jī)制 1.靈魂三問(wèn) : JS為什么是單線程的? 為什么需要異步? 單線程又是如何實(shí)現(xiàn)異步的呢? 2.JS中的event loop(1) 3.JS中的event loop(2) 4.說(shuō)說(shuō)setTimeout 首先,請(qǐng)牢記2...

zzbo 2019-08-26 17:04 評(píng)論0 收藏0
Js 的事件循環(huán)(Event Loop)機(jī)制以及實(shí)例講解

摘要：主線程要明確的一點(diǎn)是，主線程跟執(zhí)行棧是不同概念，主線程規(guī)定現(xiàn)在執(zhí)行執(zhí)行棧中的哪個(gè)事件。主線程循環(huán)即主線程會(huì)不停的從執(zhí)行棧中讀取事件，會(huì)執(zhí)行完所有棧中的同步代碼。以上參考資料詳解中的事件循環(huán)機(jī)制中的事件循環(huán)運(yùn)行機(jī)制詳解再談 showImg(https://segmentfault.com/img/remote/1460000015317437?w=1920&h=1080); 前言大家都...

Anshiii 2019-08-22 18:07 評(píng)論0 收藏0
JavaScript系列——JavaScript同步、異步、回調(diào)執(zhí)行順序之經(jīng)典閉包setTimeou

摘要：同步異步回調(diào)傻傻分不清楚。分割線上面主要講了同步和回調(diào)執(zhí)行順序的問(wèn)題，接著我就舉一個(gè)包含同步異步回調(diào)的例子。同步優(yōu)先回調(diào)內(nèi)部有個(gè)，第二個(gè)是一個(gè)回調(diào)回調(diào)墊底。異步也，輪到回調(diào)的孩子們回調(diào)，出來(lái)執(zhí)行了。同步、異步、回調(diào)？傻傻分不清楚。大家注意了，教大家一道口訣：同步優(yōu)先、異步靠邊、回調(diào)墊底（讀起來(lái)不順）用公式表達(dá)就是：同步 => 異步 => 回調(diào) 這口訣有什么用呢？用來(lái)對(duì)付面試的...

lewif 2019-08-29 12:21 評(píng)論0 收藏0
JavaScript系列——JavaScript同步、異步、回調(diào)執(zhí)行順序之經(jīng)典閉包setTimeou

摘要：同步異步回調(diào)傻傻分不清楚。分割線上面主要講了同步和回調(diào)執(zhí)行順序的問(wèn)題，接著我就舉一個(gè)包含同步異步回調(diào)的例子。同步優(yōu)先回調(diào)內(nèi)部有個(gè)，第二個(gè)是一個(gè)回調(diào)回調(diào)墊底。異步也，輪到回調(diào)的孩子們回調(diào)，出來(lái)執(zhí)行了。同步、異步、回調(diào)？傻傻分不清楚。大家注意了，教大家一道口訣：同步優(yōu)先、異步靠邊、回調(diào)墊底（讀起來(lái)不順）用公式表達(dá)就是：同步 => 異步 => 回調(diào) 這口訣有什么用呢？用來(lái)對(duì)付面試的...

rockswang 2019-08-20 15:32 評(píng)論0 收藏0
由setTimeout深入JavaScript執(zhí)行環(huán)境的異步機(jī)制

摘要：圖片轉(zhuǎn)引自的演講和兩個(gè)定時(shí)器中回調(diào)的執(zhí)行邏輯便是典型的機(jī)制。異步編程關(guān)于異步編程我的理解是，在執(zhí)行環(huán)境所提供的異步機(jī)制之上，在應(yīng)用編碼層面上實(shí)現(xiàn)整體流程控制的異步風(fēng)格。問(wèn)題背景在一次開(kāi)發(fā)任務(wù)中，需要實(shí)現(xiàn)如下一個(gè)餅狀圖動(dòng)畫，基于canvas進(jìn)行繪圖，但由于對(duì)于JS運(yùn)行環(huán)境中異步機(jī)制的不了解，所以遇到了一個(gè)棘手的問(wèn)題，始終無(wú)法解決，之后在與同事交流之后才恍然大悟。問(wèn)題的根節(jié)在于經(jīng)典的J...

codeGoogle 2019-08-21 18:29 評(píng)論0 收藏0