【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导致递归上限堆叠问题。
  • 这样如果有文件失败就可以串行无限重下了。

你可能感兴趣的:(javascript)