主頁 > 軟體工程 > 盡管使用了await,但為什么執行函式?

盡管使用了await,但為什么執行函式?

2021-12-28 14:17:09 軟體工程

我在 main 函式中使用了 await 關鍵字來等待對 poll() 的異步函式呼叫完成,但對 my_plot 的函式呼叫是在 poll() 函式完成之前進行的。

async function main() {
    getParametersData()
    await poll()
    my_plot()
} 
async function getData() {
    const response = await fetch(API)
    const message = await response.json()
    return message
}

async function poll(count = 1) {
    console.log(`Polling ${count}`);
    try {
        const data = await getData();
        if (data && Object.keys(data).length !== 0) {
            console.log("Poll", data)
            return;
        } else {
            setTimeout(poll, 5000,   count);
        }
    } 
    catch (err) {
        console.log(`${err}. Polling again in 5 seconds.`);
        setTimeout(poll, 5000, 1);
    }

}

async function my_plot() {
    console.log("my plot")
}

代碼輸出:

Polling 1
my plot 
Polling 2
Polling 3
Poll [1,2,3]

預期的:

Polling 1
Polling 2
Polling 3
Poll [1,2,3]
my plot

uj5u.com熱心網友回復:

不要setTimeout直接在async函式內使用相反,使用Promise基于包裝器。

令人驚訝的是,現代 ECMAScript 沒有Promise基于內置版本的setTimeout但實作起來很簡單

function delay( timeout ) {
    if( typeof timeout !== 'number' || timeout < 0 ) throw new Error( "Timeout must be a non-negative integer milliseconds delay value." );

   return new Promise( function( resolve ) { 
       setTimeout( resolve, timeout );
   });
}
  • 然后你可以poll用“真正的”while回圈重寫你的函式,就像這樣(如下)。
  • 我認為你的poll函式應該回傳一個true/false值來向呼叫者指示成功或失敗,如果你需要的話。
  • 考慮使用typeof而不是像這樣的不太安全的檢查Object.keys(data).length- 或者至少使用之前使用typeof檢查Object.keys
    • 雖然煩人typeof null === 'object',所以你總是需要!== null檢查,抱怨......
    • 作為替代方案,考慮擁有自己的型別保護功能(是的,我知道這不是 TypeScript),這樣您就可以獲得更強大的保證,data其中包含您需要的內容(因為 JS 沒有靜態型別檢查)。
async function poll( count = 1 ) {
    
    console.log(`Polling ${count}`);
 
    let i = 0;
    do {
        try {
            const data = await getData();
            if( isMyData( data ) ) {
                return true;
            }
        }
        catch( err ) {
            console.error( err );
        }

        console.log( "Polling again in 5 seconds." );
        await delay( 5000 );

        i  ;
    }
    while( i < count );

    console.log( `Gave up after ${count} attempts.` );
    return false;
}

// Type-guard:
function isMyData( data ) {
    
    return (
        ( typeof data === 'object' )
        &&
        ( data !== null )
        &&
        ( 'this is my object' in data )
        &&
        ( data['there are many like it but this one is mine'] )
        &&
        ( data.myJavaScriptEngineIsMyBestFriend )
        &&
        data.itIsMyLife
        &&
        data.withoutMe_javaScriptIsUseless
        &&
        data.withoutJavaScript_iAmUseLess > 0
    );
}

請注意,如果您打算捕獲由getData拋出的錯誤,則應使用最小范圍的try而不是在其中包含更多邏輯,因為通常您不想捕獲不相關的錯誤。

uj5u.com熱心網友回復:

使用How to make a promise from setTimeout的答案,您可以使用傳統回圈。

function later(delay, value) {
  return new Promise(resolve => setTimeout(resolve, delay, value));
}

async function poll() {
  for (let count = 1;; count  ) {
    console.log(`Polling ${count}`);
    try {
      const data = Math.random(); // simulated data
      if (data < 0.2) { // simulated 20% success rate
        console.log("Poll", data)
        return data;
      } else {
        console.log("Retrying in 5 seconds");
        await later(5000);
      }
    } catch (err) {
      console.log(`${err}. Polling again in 5 seconds.`);
      count = 1;
      await later(5000);
    }
  }
}

async function main() {
  console.log("Start");
  await poll();
  console.log("Poll done");
}

main();

轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/395447.html

標籤:javascript 异步等待

上一篇:在Djangobootstrap專案中,顯示回圈元素中第一張卡片的吐司訊息

下一篇:返回列表

標籤雲
其他(133316) Python(23105) Java(14474) JavaScript(14363) C(10849) 區塊鏈(8038) AI(6731) 基礎類(6313) 腳本語言(PerlPython)(5129) MySQL(5085) 非技術區(4971) Android(4182) Linux(4000) PHP(3624) C#(3448) 爪哇(3309) C語言(3288) C++語言(3117) html(3064) sql(2796) Java相關(2746) 疑難問題(2699) R(2630) 熊猫(2552) 数组(2552) 單片機工控(2479) 反应(2224) Web開發(1951) css(1857) VBA(1852) 数据框(1820) 網絡通信(1793) 节点.js(1779) 數據庫相關(1767) VB基礎類(1755) 開發(1646) ASP.NET(1642) .NETCore(1635) 系統維護與使用區(1617) 蟒蛇-3.x(1612) 基礎和管理(1579) JavaEE(1566) C++(1563) 專題技術討論區(1515) HtmlCss(1495) Windows客戶端使用(1484) 列表(1468) json(1451) Unity3D(1365) 安卓(1361) iOS(1357) VCL組件開發及應用(1353) 扑(1318) .NET技术(1308) 查询(1286) 打字稿(1279) Qt(1269) HTML(CSS)(1220) 其他技術討論專區(1200) WindowsServer(1195)

熱門瀏覽
  • Git本地庫既關聯GitHub又關聯Gitee

    創建代碼倉庫 使用gitee舉例(github和gitee差不多) 1.在gitee右上角點擊+,選擇新建倉庫 ? 2.選擇填寫倉庫資訊,然后進行創建 ? 3.服務端已經準備好了,本地開始作準備 (1)Git 全域設定 git config --global user.name "成鈺" git c ......

    uj5u.com 2020-09-10 05:04:14 more
  • CODING DevOps 代碼質量實戰系列第二課,相約周三

    隨著 ToB(企業服務)的興起和 ToC(消費互聯網)產品進入成熟期,線上故障帶來的損失越來越大,代碼質量越來越重要,而「質量內建」正是 DevOps 核心理念之一。**《DevOps 代碼質量實戰(PHP 版)》**為 CODING DevOps 代碼質量實戰系列的第二課,同時也是本系列的 PHP ......

    uj5u.com 2020-09-10 05:07:43 more
  • 推薦Scrum書籍

    推薦Scrum書籍 直接上干貨,推薦書籍清單如下(推薦有順序的哦) Scrum指南 Scrum精髓 Scrum敏捷軟體開發 Scrum捷徑 硝煙中的Scrum和XP : 我們如何實施Scrum 敏捷軟體開發:Scrum實戰指南 Scrum要素 大規模Scrum:大規模敏捷組織的設計 用戶故事地圖 用 ......

    uj5u.com 2020-09-10 05:07:45 more
  • CODING DevOps 代碼質量實戰系列最后一課,周四發車

    隨著 ToB(企業服務)的興起和 ToC(消費互聯網)產品進入成熟期,線上故障帶來的損失越來越大,代碼質量越來越重要,而「質量內建」正是 DevOps 核心理念之一。 **《DevOps 代碼質量實戰(Java 版)》**為 CODING DevOps 代碼質量實戰系列的最后一課,同時也是本系列的 ......

    uj5u.com 2020-09-10 05:07:52 more
  • 敏捷軟體工程實踐書籍

    Scrum轉型想要做好,第一步先了解并真正落實Scrum,那么我推薦的Scrum書籍是要看懂并實踐的。第二步是團隊的工程實踐要做扎實。 下面推薦工程實踐書單: 重構:改善既有代碼的設計 決議極限編程 : 擁抱變化 代碼整潔代碼 程式員的職業素養 修改代碼的藝術 撰寫可讀代碼的藝術 測驗驅動開發 : ......

    uj5u.com 2020-09-10 05:07:55 more
  • Jenkins+svn+nginx實作windows環境自動部署vue前端專案

    前面文章介紹了Jenkins+svn+tomcat實作自動化部署,現在終于有空抽時間出來寫下Jenkins+svn+nginx實作自動部署vue前端專案。 jenkins的安裝和配置已經在前面文章進行介紹,下面介紹實作vue前端專案需要進行的哪些額外的步驟。 注意:在安裝jenkins和nginx的 ......

    uj5u.com 2020-09-10 05:08:49 more
  • CODING DevOps 微服務專案實戰系列第一課,明天等你

    CODING DevOps 微服務專案實戰系列第一課**《DevOps 微服務專案實戰:DevOps 初體驗》**將由 CODING DevOps 開發工程師 王寬老師 向大家介紹 DevOps 的基本理念,并探討為什么現代開發活動需要 DevOps,同時將以 eShopOnContainers 項 ......

    uj5u.com 2020-09-10 05:09:14 more
  • CODING DevOps 微服務專案實戰系列第二課來啦!

    近年來,工程專案的結構越來越復雜,需要接入合適的持續集成流水線形式,才能滿足更多變的需求,那么如何優雅地使用 CI 能力提升生產效率呢?CODING DevOps 微服務專案實戰系列第二課 《DevOps 微服務專案實戰:CI 進階用法》 將由 CODING DevOps 全堆疊工程師 何晨哲老師 向 ......

    uj5u.com 2020-09-10 05:09:33 more
  • CODING DevOps 微服務專案實戰系列最后一課,周四開講!

    隨著軟體工程越來越復雜化,如何在 Kubernetes 集群進行灰度發布成為了生產部署的”必修課“,而如何實作安全可控、自動化的灰度發布也成為了持續部署重點關注的問題。CODING DevOps 微服務專案實戰系列最后一課:**《DevOps 微服務專案實戰:基于 Nginx-ingress 的自動 ......

    uj5u.com 2020-09-10 05:10:00 more
  • CODING 儀表盤功能正式推出,實作作業資料可視化!

    CODING 儀表盤功能現已正式推出!該功能旨在用一張張統計卡片的形式,統計并展示使用 CODING 中所產生的資料。這意味著無需額外的設定,就可以收集歸納寶貴的作業資料并予之量化分析。這些海量的資料皆會以圖表或串列的方式躍然紙上,方便團隊成員隨時查看各專案的進度、狀態和指標,云端協作迎來真正意義上 ......

    uj5u.com 2020-09-10 05:11:01 more
最新发布