js利用遞歸與promise 按順序請(qǐng)求數(shù)據(jù)的方法
問題:項(xiàng)目中有一個(gè)需求,一個(gè)tabBar下面如果沒有內(nèi)容就不讓該tabBar顯示,當(dāng)然至于有沒有內(nèi)容,需要我們通過請(qǐng)求的來判斷,但是由于請(qǐng)求是異步的,如何讓請(qǐng)求按照tabBar的順序進(jìn)行?
方案:我們可以將promise變成下一個(gè)請(qǐng)求,可以利用遞歸來實(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裝起來
let reslist = [];
function startapi() {
//定義counts,用來收集請(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)
})
//無論成功或者失敗都要進(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ì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
相關(guān)文章
elementUI?Table?自定義表頭動(dòng)態(tài)數(shù)據(jù)及插槽的操作
本文介紹了如何實(shí)現(xiàn)一個(gè)高度自定義的列表界面,其中表格的表頭由后端返回,并且允許用戶根據(jù)需求自定義表頭和數(shù)據(jù)展示樣式,本文給大家介紹elementUI?Table?自定義表頭動(dòng)態(tài)數(shù)據(jù)及插槽的操作,感興趣的朋友跟隨小編一起看看吧2024-10-10
Javascript實(shí)現(xiàn)一朵從含苞到綻放的玫瑰
今天小編就為大家分享一篇關(guān)于Javascript實(shí)現(xiàn)一朵從含苞到綻放的玫瑰,小編覺得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來看看吧2019-03-03
electron中獲取mac地址的實(shí)現(xiàn)示例
在基于Electron的應(yīng)用中,有一個(gè)業(yè)務(wù)需求是獲取物理網(wǎng)卡的Mac地址以用于客戶機(jī)唯一性識(shí)別,本文主要介紹了electron中獲取mac地址的實(shí)現(xiàn)示例,具有一定的參考價(jià)值,感興趣的可以了解一下2023-12-12
JS實(shí)現(xiàn)根據(jù)URL批量下載文件并壓縮成zip文件
這篇文章主要為大家學(xué)習(xí)介紹了JS如何實(shí)現(xiàn)根據(jù)URL批量下載文件并壓縮成zip文件,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解一下2023-08-08

