最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

js利用遞歸與promise 按順序請求數(shù)據(jù)的方法

 更新時間:2019年08月30日 08:58:17   作者:wangnima666  
這篇文章主要介紹了js利用遞歸與promise 按順序請求數(shù)據(jù),需要的朋友可以參考下

問題:項目中有一個需求,一個tabBar下面如果沒有內(nèi)容就不讓該tabBar顯示,當然至于有沒有內(nèi)容,需要我們通過請求的來判斷,但是由于請求是異步的,如何讓請求按照tabBar的順序進行?

方案:我們可以將promise變成下一個請求,可以利用遞歸來實現(xiàn)

實施:

//定義初始數(shù)據(jù) requestlist就像tabBar列表

  let requestlist = [1, 2, 3, 4, 5, 6, 7,8,9];
  //每個tabBar的返回數(shù)據(jù)使用reslist裝起來
  let reslist = [];
  function startapi() {
    //定義counts,用來收集請求的次數(shù),(也可以用reslist的length進行判斷)
    let counts = 0;
    return function apirequest() {
        let arg =arguments[0]
        let a = new Promise((res, rej) => {
          //setTimeout模擬請求到接收的時間需要5秒鐘
          setTimeout(function () {
            res('成功返回數(shù)據(jù)');
          },100)
        })
        //無論成功或者失敗都要進行下一次,以免阻塞,成功請求的末尾有s標志,失敗的末尾有f標志
        a.then(() => {
         counts++;
          if (counts > requestlist.length) {
            return;
          }
          console.log(counts)
          //1,假設(shè)當前請求出錯的時候我們認為這不合法,假設(shè)此時counts為3
          if(counts==3){
          throw new Error('第三個失敗')
          }
          //2,假設(shè)當前請求下沒有數(shù)據(jù)的時候我們認為不合法 ,假設(shè)此時counts為4
          if(counts==4){
           reslist.push(arg + 'f');
          }
          if(counts!=4){
          reslist.push(arg + 's');
          }
          apirequest(requestlist[counts])
          console.log(reslist)
        }).catch(err => {
        reslist.push(arg + 'f');
        //遞歸調(diào)用
        apirequest(requestlist[counts])
          console.log(err)
        })
    }
  }
  let newapiget = startapi();
  newapiget(requestlist[0])

 最終我們打印結(jié)果得到:

 

 可以看到第三個和第四個結(jié)尾為f

總結(jié)

以上所述是小編給大家介紹的js利用遞歸與promise 按順序請求數(shù)據(jù)的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!

相關(guān)文章

  • js中事件的處理與瀏覽器對象示例介紹

    js中事件的處理與瀏覽器對象示例介紹

    本文為大家詳細介紹下js中關(guān)于簡單事件的處理與瀏覽器對象,下面有個不錯的示例,感興趣的朋友可以參考下
    2013-11-11
  • elementUI?Table?自定義表頭動態(tài)數(shù)據(jù)及插槽的操作

    elementUI?Table?自定義表頭動態(tài)數(shù)據(jù)及插槽的操作

    本文介紹了如何實現(xiàn)一個高度自定義的列表界面,其中表格的表頭由后端返回,并且允許用戶根據(jù)需求自定義表頭和數(shù)據(jù)展示樣式,本文給大家介紹elementUI?Table?自定義表頭動態(tài)數(shù)據(jù)及插槽的操作,感興趣的朋友跟隨小編一起看看吧
    2024-10-10
  • 一起學寫js Calender日歷控件

    一起學寫js Calender日歷控件

    這篇文章主要和大家一起學寫js Calender控件,自己動手編寫了一個簡易日歷控件,感興趣的小伙伴們可以參考一下
    2016-04-04
  • Object.defineproperty方法示例詳解

    Object.defineproperty方法示例詳解

    Object.defineproperty?的作用就是直接在一個對象上定義一個新屬性,或者修改一個已經(jīng)存在的屬性,這篇文章主要介紹了Object.defineproperty方法,需要的朋友可以參考下
    2022-12-12
  • 淺談Javascript數(shù)組(推薦)

    淺談Javascript數(shù)組(推薦)

    數(shù)組,即Array類型,是開發(fā)中最常用的類型之一。這篇文章主要介紹了淺談Javascript數(shù)組的相關(guān)資料,需要的朋友可以參考下
    2016-05-05
  • Javascript實現(xiàn)一朵從含苞到綻放的玫瑰

    Javascript實現(xiàn)一朵從含苞到綻放的玫瑰

    今天小編就為大家分享一篇關(guān)于Javascript實現(xiàn)一朵從含苞到綻放的玫瑰,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧
    2019-03-03
  • 微信小程序?qū)崿F(xiàn)計時器

    微信小程序?qū)崿F(xiàn)計時器

    這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)計時器,小程序點擊事件觸發(fā)計時器,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-09-09
  • JS hashMap實例詳解

    JS hashMap實例詳解

    這篇文章主要介紹了JS hashMap實例詳解的相關(guān)資料,包括刪除鍵值、獲取鍵值的相關(guān)知識,非常不錯具有參考借鑒價值,需要的朋友一起看看吧
    2016-05-05
  • electron中獲取mac地址的實現(xiàn)示例

    electron中獲取mac地址的實現(xiàn)示例

    在基于Electron的應(yīng)用中,有一個業(yè)務(wù)需求是獲取物理網(wǎng)卡的Mac地址以用于客戶機唯一性識別,本文主要介紹了electron中獲取mac地址的實現(xiàn)示例,具有一定的參考價值,感興趣的可以了解一下
    2023-12-12
  • JS實現(xiàn)根據(jù)URL批量下載文件并壓縮成zip文件

    JS實現(xiàn)根據(jù)URL批量下載文件并壓縮成zip文件

    這篇文章主要為大家學習介紹了JS如何實現(xiàn)根據(jù)URL批量下載文件并壓縮成zip文件,文中的示例代碼講解詳細,感興趣的小伙伴可以了解一下
    2023-08-08

最新評論

江西省| 镇坪县| 偏关县| 三原县| 翁牛特旗| 安丘市| 常宁市| 东乡族自治县| 麻城市| 曲阳县| 屯门区| 绩溪县| 江阴市| 闵行区| 苗栗市| 武乡县| 庆阳市| 襄垣县| 剑川县| 沂南县| 苍溪县| 崇明县| 日土县| 澳门| 长岭县| 灵宝市| 长海县| 留坝县| 大田县| 黔东| 玛沁县| 崇左市| 巴南区| 上饶市| 景洪市| 万全县| 阳泉市| 资源县| 台北市| 柯坪县| 桐柏县|