待发起任务20个，并发限制最多5个，每个任务失败后，最多可重试2次

喯啵儿灞

已于 2022-01-24 08:43:22 修改

阅读量687

点赞数

分类专栏：前端文章标签： javascript promise 并发请求

于 2022-01-21 10:58:56 首次发布

本文链接：https://blog.csdn.net/u598975767/article/details/122616717

版权

前端专栏收录该内容

190 篇文章 2 订阅

订阅专栏

逛到个小问题，记录一下，别往下看，自己写写先~~~

如题，12-28行是题目，要求写个执行函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button type="button" onclick="run()">开始</button>
</body>
<script>
    /* 题目需求
     * 1、待发起任务20个，并发限制最多5个（同一时间，最多可运行5个任务）
     * 2、每个任务失败时，最多可重试2次
     */
    function task (data) { 
        return new Promise((resolve, reject) => {
            console.log('running', data, +new Date());
            setTimeout(() => {
                const ok = Math.round(Math.random() * 1000) % 2;
                if (ok) {
                    resolve(ok);
                } else {
                    reject(new Error('mock fail'));
                }
            }, 300);
        });
    }




    //待运行的20个任务初始化
    let preTask=[...new Array(20)].map((item,index)=>({name:index,repeat:0}))
    
    /**
     * 执行任务
     * @author cuishoujia 2022-01-20
     * @return {[type]} [description]
     */
    function run(){
        //首轮并发执行5个任务
        [...new Array(5)].map( _ => handle() )
    }

    /**
     * 任务调度
     * @author cuishoujia 2022-01-20
     * @return {[type]} [description]
     */
    function handle(param){
        if(preTask.length===0 || preTask.every(pt=>pt.repeat>2)) return false

        let item= param || preTask.shift()
        task(item.name).then(res=>{
            console.log(item.name+"执行成功++++++++++")
            handle()
        }).catch(e=>{
            item.repeat++
            console.log(item.name+"执行失败++++++++++++++++"+item.repeat+"次+++++++++++")
            handle(item.repeat>2 ? null : item)
        })
    } 
</script>
</html>

喯啵儿灞

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
待发起任务20个，并发限制最多5个，每个任务失败后，最多可重试2次

逛到个小问题，记录一下，别往下看，自己写写先~~~<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head>&l
复制链接

扫一扫