手机 网站服务器,python 创建wordpress,前端asp网站开发,麻涌做网站偷偷告诉你#xff0c;点此抽奖送红包还送3本比红宝书还贵的书实现一个批量请求函数 multiRequest(urls, maxNum)#xff0c;要求如下#xff1a;
• 要求最大并发数 maxNum
• 每当有一个请求返回#xff0c;就留下一个空位#xff0c;可以增加新的请求
• 所有请求完成后… 偷偷告诉你点此抽奖送红包还送3本比红宝书还贵的书实现一个批量请求函数 multiRequest(urls, maxNum)要求如下
• 要求最大并发数 maxNum
• 每当有一个请求返回就留下一个空位可以增加新的请求
• 所有请求完成后结果按照 urls 里面的顺序依次打出
这道字节跳动的题目我想很多同学应该都或多或少的见过下面我会依次从出现的场景、问题的分析到最终的实现一步步力求深入浅出的给出这道题目的完整解析。场景假设现在有这么一种场景现有 30 个异步请求需要发送但由于某些原因我们必须将同一时刻并发请求数量控制在 5 个以内同时还要尽可能快速的拿到响应结果。应该怎么做首先我们来了解一下 Ajax的串行和并行。基于 Promise.all 实现 Ajax 的串行和并行我们平时都是基于promise来封装异步请求的这里也主要是针对异步请求来展开。串行一个异步请求完了之后在进行下一个请求并行多个异步请求同时进行通过定义一些promise实例来具体演示串行/并行。串行var p function () {return new Promise(function (resolve, reject) {setTimeout(() {console.log(1000)resolve()}, 1000)})
}
var p1 function () {return new Promise(function (resolve, reject) {setTimeout(() {console.log(2000)resolve()}, 2000)})
}
var p2 function () {return new Promise(function (resolve, reject) {setTimeout(() {console.log(3000)resolve()}, 3000)})
}p().then(() {return p1()
}).then(() {return p2()
}).then(() {console.log(end)
})如示例串行会从上到下依次执行对应接口请求。并行通常我们在需要保证代码在多个异步处理之后执行会用到Promise.all(promises: []).then(fun: function);
Promise.all可以保证promises数组中所有promise对象都达到resolve状态才执行then回调。var promises function () {return [1000, 2000, 3000].map(current {return new Promise(function (resolve, reject) {setTimeout(() {console.log(current)}, current)})})
}Promise.all(promises()).then(() {console.log(end)
})
Promise.all 并发限制这时候考虑一个场景如果你的promises数组中每个对象都是http请求而这样的对象有几十万个。那么会出现的情况是你在瞬间发出几十万个http请求这样很有可能导致堆积了无数调用栈导致内存溢出。这时候我们就需要考虑对Promise.all做并发限制。Promise.all并发限制指的是每个时刻并发执行的promise数量是固定的最终的执行结果还是保持与原来的Promise.all一致。题目实现思路分析整体采用递归调用来实现最初发送的请求数量上限为允许的最大值并且这些请求中的每一个都应该在完成时继续递归发送通过传入的索引来确定了urls里面具体是那个URL保证最后输出的顺序不会乱而是依次输出。代码实现function multiRequest(urls [], maxNum) {// 请求总数量const len urls.length;// 根据请求数量创建一个数组来保存请求的结果const result new Array(len).fill(false);// 当前完成的数量let count 0;return new Promise((resolve, reject) {// 请求maxNum个while (count maxNum) {next();}function next() {let current count;// 处理边界条件if (current len) {// 请求全部完成就将promise置为成功状态, 然后将result作为promise值返回!result.includes(false) resolve(result);return;}const url urls[current];console.log(开始 ${current}, new Date().toLocaleString());fetch(url).then((res) {// 保存请求结果result[current] res;console.log(完成 ${current}, new Date().toLocaleString());// 请求没有全部完成, 就递归if (current len) {next();}}).catch((err) {console.log(结束 ${current}, new Date().toLocaleString());result[current] err;// 请求没有全部完成, 就递归if (current len) {next();}});}});
}
推荐阅读我在阿里招前端我该怎么帮你现在还可以加模拟面试群如何拿下阿里巴巴 P6 的前端 Offer如何准备阿里P6/P7前端面试--项目经历准备篇大厂面试官常问的亮点该如何做出如何从初级到专家(P4-P7)打破成长瓶颈和有效突破若川知乎问答2年前端经验做的项目没什么技术含量怎么办若川知乎高赞有哪些必看的 JS库末尾你好我是若川江湖人称菜如若川历时一年只写了一个学习源码整体架构系列~(点击蓝字了解我)关注若川视野回复pdf 领取优质前端书籍pdf回复1可加群长期交流学习我的博客地址https://lxchuan12.gitee.io 欢迎收藏觉得文章不错可以点个在看呀^_^另外欢迎留言交流精选前端好文伴你不断成长若川原创文章精选!可点击小提醒若川视野公众号面试、源码等文章合集在菜单栏中间【源码精选】按钮欢迎点击阅读也可以星标我的公众号便于查找
