小編給大家分享一下js中如何使用遞歸與promise按順序請求數(shù)據(jù),希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
成都創(chuàng)新互聯(lián)于2013年開始,先為綏棱等服務(wù)建站,綏棱等地企業(yè),進行企業(yè)商務(wù)咨詢服務(wù)。為綏棱企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
問題:項目中有一個需求,一個tabBar下面如果沒有內(nèi)容就不讓該tabBar顯示,當(dāng)然至于有沒有內(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標(biāo)志,失敗的末尾有f標(biāo)志 a.then(() => { counts++; if (counts > requestlist.length) { return; } console.log(counts) //1,假設(shè)當(dāng)前請求出錯的時候我們認(rèn)為這不合法,假設(shè)此時counts為3 if(counts==3){ throw new Error('第三個失敗') } //2,假設(shè)當(dāng)前請求下沒有數(shù)據(jù)的時候我們認(rèn)為不合法 ,假設(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é)果得到:
看完了這篇文章,相信你對“js中如何使用遞歸與promise按順序請求數(shù)據(jù)”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
網(wǎng)站題目:js中如何使用遞歸與promise按順序請求數(shù)據(jù)
網(wǎng)站鏈接:http://www.ekvhdxd.cn/article4/jcgoie.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、手機網(wǎng)站建設(shè)、虛擬主機、全網(wǎng)營銷推廣、定制網(wǎng)站、
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)