JS循環(huán)發(fā)送請求時控制請求并發(fā)數(shù)實例
更新時間：2023年12月19日 10:14:24 作者：Victory
這篇文章主要介紹了JS循環(huán)發(fā)送請求時控制請求并發(fā)數(shù)實例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
準(zhǔn)備數(shù)據(jù)，調(diào)用方法
let data = [{ name: 1 }, { name: 2 }, { name: 3 }, { name: 4 }];
LimitFunc(data, service, 2);屬性注釋
//data：請求所需參數(shù)，service：請求回調(diào)名稱，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回調(diào)函數(shù)
arrList.push(p);
if (LimitNum <= data.length) {
// then回調(diào)中，當(dāng)這個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的回調(diào)，將當(dāng)前promise從running中刪除，從下一次for循環(huán)中生成新的promise進(jìn)入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ù)實例的詳細(xì)內(nèi)容，更多關(guān)于JS循環(huán)發(fā)送請求控制并發(fā)數(shù)的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
本文主要介紹了一問了解JavaScript中的元數(shù)據(jù)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)Tab選項卡切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
Javascript(es2016) import和require用法和區(qū)別詳解
本篇文章主要介紹了Javascript(es2016) import和require用法和區(qū)別詳解，具有一定的參考價值，有興趣的可以了解下2017-08-08
這篇文章主要介紹了詳解webpack 如何集成第三方j(luò)s庫，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
如何實現(xiàn)select組件的選擇輸入過濾作用，下面有一段js代碼，很實用，需要的朋友可以看看2014-10-10
bootstrap-treeview實現(xiàn)多級樹形菜單 后臺JSON格式如何組織?
這篇文章主要介紹了bootstrap-treeview實現(xiàn)多級樹形菜單，后臺JSON格式如何組織，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要為大家介紹了JS前端攻堅淺析instanceof實現(xiàn)原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
JS實現(xiàn)json對象數(shù)組按對象屬性排序操作示例
這篇文章主要介紹了JS實現(xiàn)json對象數(shù)組按對象屬性排序操作,涉及javascript使用sort方法針對json數(shù)組的遍歷與排序相關(guān)操作實現(xiàn)技巧,需要的朋友可以參考下2018-05-05
IE是當(dāng)前瀏覽器的一個異類，不過解決方法倒也相當(dāng)簡單，使用Firefox和Safari 之 類的瀏覽時，可以使用元素的setArribute方法來設(shè)置元素的class屬性2008-08-08
在我們?nèi)粘９ぷ鬟^程中,我們對于javaScript遍歷對象、數(shù)組的操作是十分的頻繁的,這篇文章主要給大家介紹了關(guān)于javascript遍歷對象的五種方式,需要的朋友可以參考下2021-10-10