av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

JavaScript實現指定數量的并發限制的示例代碼

瀏覽:112日期:2023-11-07 17:00:31

在網上看到這么一道題:

JavaScript實現指定數量的并發限制的示例代碼

這道題跟魚頭這篇記錄『什么是時間分片(Time Slicing)? 』有點相似,但不同的是這次是限制異步并發的數量。

所以話不多說,我們先來康康實現

首先我們來實現一個分割數組的函數~

const group = (list = [], max = 0) => { if (!list.length) { return list } let results = [] for (let i = 0, len = list.length; i < len; i += max) { results.push(list.slice(i, i + max)) } return results}

這里就是根據指定的并發數量來分割數組。主要就是 for + slice ,這沒啥好說的

接下來我們再來一個用 async + await 實現的請求集合封裝。

我們通過 for...of 去遍歷每一個異步函數,然后用 async + await 確保函數的執行順序,再用 try...catch 來保證即使 reject 報錯也不會導致無法繼續執行任務。

const requestHandler = async ( groupedUrl = [], callback = () => { }) => { if (!groupedUrl.length) { callback() return groupedUrl } const newGroupedUrl = groupedUrl.map(fn => fn()) const resultsMapper = (results) => results.map(callback) const data = await Promise.allSettled(newGroupedUrl).then(resultsMapper) return data;}

接下來就是主函數

const sendRequest = async ( urls = [], max = 0, callback = () => { }) => { if (!urls.length) { return urls } const groupedUrls = group(urls, max) const results = [] console.log(’start !’) for (let groupedUrl of groupedUrls) { try { const result = await requestHandler(groupedUrl, callback) results.push(result) console.log(’go’) } catch { } } console.log(’done !’) return results}

這里就是利用了 for + async + await 來限制并發。等每次并發任務結果出來之后再執行下一次的任務。

我們執行下栗子:

const p1 = () => new Promise((resolve, reject) => setTimeout(reject, 1000, ’p1’))const p2 = () => Promise.resolve(2)const p3 = () => new Promise((resolve, reject) => setTimeout(resolve, 2000, ’p3’))const p4 = () => Promise.resolve(4)const p5 = () => new Promise((resolve, reject) => setTimeout(reject, 2000, ’p5’))const p6 = () => Promise.resolve(6)const p7 = () => new Promise((resolve, reject) => setTimeout(resolve, 1000, ’p7’))const p8 = () => Promise.resolve(8)const p9 = () => new Promise((resolve, reject) => setTimeout(reject, 1000, ’p9’))const p10 = () => Promise.resolve(10)const p11 = () => new Promise((resolve, reject) => setTimeout(resolve, 2000, ’p10’))const p12 = () => Promise.resolve(12)const p13 = () => new Promise((resolve, reject) => setTimeout(reject, 1000, ’p11’))const p14 = () => Promise.resolve(14)const ps = [p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12, p13, p14]sendRequest(ps, 3, ({reason, value}) => { console.log(reason || value)})

JavaScript實現指定數量的并發限制的示例代碼

OK,我們看到結果是如我們所愿的

到此這篇關于JavaScript實現指定數量的并發限制的示例代碼的文章就介紹到這了,更多相關JavaScript 指定數量并發限制內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網!

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 午夜免费福利电影 | 成人夜晚看av | 中文字幕亚洲精品 | 精品国产乱码久久久 | 99久久国产综合精品麻豆 | 国产精品99视频 | 亚洲欧美中文日韩在线v日本 | 久久久99国产精品免费 | av片在线观看网站 | 一区二区三区高清在线观看 | 久久久久久久久99 | 亚洲一区二区日韩 | 亚洲成人一区 | h肉视频 | 久久成人国产 | 亚洲高清在线观看 | 国精日本亚洲欧州国产中文久久 | 亚洲一区二区黄 | 久久九九色 | 亚洲精品乱码久久久久久蜜桃 | 国产精品视频网站 | 欧美精品电影一区 | 久久久av中文字幕 | 欧美亚洲国产一区二区三区 | 午夜理伦三级理论三级在线观看 | 久久免费视频观看 | 特一级黄色毛片 | 亚洲国产精品久久久 | 国产资源视频 | 亚洲一区二区视频在线播放 | 黄色在线观看国产 | 欧美一级免费观看 | 懂色tv | 日韩精品一区二区三区中文在线 | 欧美中文一区 | 欧美一区二区三区在线看 | 国产精品嫩草影院精东 | 国产最好的av国产大片 | 成人小视频在线观看 | 久久91 | 成人在线视频免费观看 |