js利用遞歸與promise 按順序請(qǐng)求數(shù)據(jù)的方法
問(wèn)題:項(xiàng)目中有一個(gè)需求,一個(gè)tabBar下面如果沒有內(nèi)容就不讓該tabBar顯示,當(dāng)然至于有沒有內(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)求下沒有數(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é)果得到:
可以看到第三個(gè)和第四個(gè)結(jié)尾為f
總結(jié)
以上所述是小編給大家介紹的js利用遞歸與promise 按順序請(qǐng)求數(shù)據(jù)的方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
相關(guān)文章
js實(shí)現(xiàn)點(diǎn)擊切換和自動(dòng)播放的輪播圖
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)點(diǎn)擊切換和自動(dòng)播放的輪播圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07JS輕松實(shí)現(xiàn)CSS設(shè)置,DIV+CSS常用CSS設(shè)置
JS輕松實(shí)現(xiàn)CSS設(shè)置,DIV+CSS常用CSS設(shè)置...2007-02-02js驗(yàn)證整數(shù)加保留小數(shù)點(diǎn)的簡(jiǎn)單實(shí)例
這篇文章主要介紹了js驗(yàn)證整數(shù)加保留小數(shù)點(diǎn)的簡(jiǎn)單實(shí)例,有需要的朋友可以參考一下2013-12-12信息頁(yè)文內(nèi)畫中畫廣告js實(shí)現(xiàn)代碼(文中加載廣告方式)
一般來(lái)說(shuō)文章內(nèi)容中的廣告點(diǎn)擊率更好,也更容易被訪客看到,如果直接將廣告放到頁(yè)面頭部會(huì)影響網(wǎng)站的速度,所以一般都比較喜歡這種方法,這里分享下實(shí)現(xiàn)方法2016-01-01JavaScript中instanceof運(yùn)算符的用法總結(jié)
這篇文章主要是對(duì)JavaScript中instanceof運(yùn)算符的用法進(jìn)行了詳細(xì)的總結(jié)介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11javascript實(shí)現(xiàn)移動(dòng)的模態(tài)框效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)移動(dòng)的模態(tài)框效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09