js中如何使用遞歸與promise按順序請(qǐng)求數(shù)據(jù)

小編給大家分享一下js中如何使用遞歸與promise按順序請(qǐng)求數(shù)據(jù)，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)于2013年開(kāi)始，先為綏棱等服務(wù)建站，綏棱等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為綏棱企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

問(wèn)題：項(xiàng)目中有一個(gè)需求，一個(gè)tabBar下面如果沒(méi)有內(nèi)容就不讓該tabBar顯示，當(dāng)然至于有沒(méi)有內(nèi)容，需要我們通過(guò)請(qǐng)求的來(lái)判斷，但是由于請(qǐng)求是異步的，如何讓請(qǐng)求按照tabBar的順序進(jìn)行？

方案：我們可以將promise變成下一個(gè)請(qǐng)求，可以利用遞歸來(lái)實(shí)現(xiàn)

實(shí)施：

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

  let requestlist = [1, 2, 3, 4, 5, 6, 7,8,9];
  //每個(gè)tabBar的返回?cái)?shù)據(jù)使用reslist裝起來(lái)
  let reslist = [];
  function startapi() {
    //定義counts，用來(lái)收集請(qǐng)求的次數(shù)，（也可以用reslist的length進(jìn)行判斷）
    let counts = 0;
    return function apirequest() {
        let arg =arguments[0]
        let a = new Promise((res, rej) => {
          //setTimeout模擬請(qǐng)求到接收的時(shí)間需要5秒鐘
          setTimeout(function () {
            res('成功返回?cái)?shù)據(jù)');
          },100)
        })
        //無(wú)論成功或者失敗都要進(jìn)行下一次，以免阻塞，成功請(qǐng)求的末尾有s標(biāo)志，失敗的末尾有f標(biāo)志
        a.then(() => {
         counts++;
          if (counts > requestlist.length) {
            return;
          }
          console.log(counts)
          //1，假設(shè)當(dāng)前請(qǐng)求出錯(cuò)的時(shí)候我們認(rèn)為這不合法，假設(shè)此時(shí)counts為3
          if(counts==3){
          throw new Error('第三個(gè)失敗')
          }
          //2,假設(shè)當(dāng)前請(qǐng)求下沒(méi)有數(shù)據(jù)的時(shí)候我們認(rèn)為不合法 ，假設(shè)此時(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é)果得到：

 

看完了這篇文章，相信你對(duì)“js中如何使用遞歸與promise按順序請(qǐng)求數(shù)據(jù)”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)站題目：js中如何使用遞歸與promise按順序請(qǐng)求數(shù)據(jù)
網(wǎng)站鏈接：http://bm7419.com/article4/jcgoie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開(kāi)發(fā)、手機(jī)網(wǎng)站建設(shè)、虛擬主機(jī)、全網(wǎng)營(yíng)銷推廣、定制網(wǎng)站、

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)