JS循環(huán)發(fā)送請求時控制請求并發(fā)數(shù)實例
更新時間:2023年12月19日 10:14:24 作者:Victory
這篇文章主要介紹了JS循環(huán)發(fā)送請求時控制請求并發(fā)數(shù)實例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
準備數(shù)據(jù),調用方法
let data = [{ name: 1 }, { name: 2 }, { name: 3 }, { name: 4 }];
LimitFunc(data, service, 2);屬性注釋
//data:請求所需參數(shù),service:請求回調名稱,LimitNum 并發(fā)數(shù)量
const LimitFunc = async (data, service, LimitNum) => {
const arrList = []; // 所有的promise
const running = []; // 正在執(zhí)行的promise
for (const item of data) {
const p = Promise.resolve(service(item)); // Promise.resolve回調函數(shù)
arrList.push(p);
if (LimitNum <= data.length) {
// then回調中,當這個promise狀態(tài)變?yōu)閒ulfilled后,將其從正在執(zhí)行的promise列表running中刪除
const e = p.then(() => running.splice(running.indexOf(e), 1));
running.push(e);
if (running.length >= LimitNum) {
// running的數(shù)量等于限制數(shù)時,Promise.race等待某一個promise狀態(tài)發(fā)生變更,
// 變更后,執(zhí)行then的回調,將當前promise從running中刪除,從下一次for循環(huán)中生成新的promise進入running
await Promise.race(running);
}
}
}
return Promise.all(arrList);
};axios請求
function service(item) {
return new Promise((resolve) => {
// axios成功
axios('url', item).then(() => {
resolve();
});
});
}以上就是JS循環(huán)發(fā)送請求時控制請求并發(fā)數(shù)實例的詳細內容,更多關于JS循環(huán)發(fā)送請求控制并發(fā)數(shù)的資料請關注腳本之家其它相關文章!
相關文章
詳解JS鼠標事件中clientX/screenX/offsetX/pageX屬性的區(qū)別
在熟悉業(yè)務中播放器功能的時候,發(fā)現(xiàn)時間軸上綁定了點擊和拖動事件,頻繁遇到了類似pageX之類的事件屬性,所以本文就來和大家詳細聊聊clientX/screenX/offsetX/pageX等屬性的區(qū)別吧2024-03-03
JavaScript實現(xiàn)精美個性導航欄筋斗云效果
這篇文章主要介紹了JavaScript實現(xiàn)精美個性導航欄筋斗云效果,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-10-10

