js 異步for循環(huán)

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

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

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

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

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

GPU云服務器云服務器 js for循環(huán)回調 js for循環(huán)可以 js for循環(huán)語法 js for循環(huán)元素

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

轉載請注明本文地址：http://systransis.cn/yun/95999.html

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

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

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

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

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

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

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

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

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

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

codeGoogle 2019-08-21 18:29 評論0 收藏0