【javascript】利用Promise解决批量文件串行下载问题

归档

迅速理清promise运行机制与实际中的应用
利用Promise解决批量文件串行下载问题
不用promise.all只用promise做并行下载文件
手写Promise前必须知道的几个小例子【一】
手写Promise前必须知道的几个小例子【二】
手写Promise分步骤超详尽解答(超越PromiseA+标准)

背景

• 昨天群里王立老师说了一道题目，有一串文件，必须按顺序串行下载，如果一个下载失败，就重下这个文件，然后继续下下一个，用Promise。我觉得这个题目很有意思，本来这个文件少，强行写也能写，但是要求无限个，那么于是就试着写一下。

思路

• 我的思路是这样：先用Promise把文件下载包成function扔进列表里，然后弄个指针i，把每个promise执行后进行递归。

let n = 5,fileli=[];
for(let i = 0;i<n;i++){
    fileli.push(`文件数据${i}`);
}
let funcli=fileli.map(function(value,index){
    return function(){
        return new Promise(function(resolve,reject){
            setTimeout(() => {
                if(value==='文件数据2'){
                    console.log(value+'下载失败重试');
                    reject()
                }else{
                    resolve(value);
                    console.log(`正在下载${value}`);
                }
             
            }, 1000);
        })
    }
})
let i = 0;
function myfunc(i){
    if(i>=n)return;
    let p= function(i){
        return   new Promise(function(resolve,reject){
            funcli[i]().then(resolve,reject).catch(reject)
        })
    };
    console.log(i);
    p(i).then(res=>myfunc(i+1)).catch(res=>myfunc(i))
}
myfunc(i);

• 一开始发这个文章发现会递归堆叠，后来发现原来是.then递归时候必须写res=>myfunc()，如果只写myfunc导致递归上限堆叠问题。
• 这样如果有文件失败就可以串行无限重下了。