美文网首页
在循环的时候保证异步请求的执行顺序

在循环的时候保证异步请求的执行顺序

作者: 俗人彭jin | 来源:发表于2020-08-17 11:16 被阅读0次

1.只保证开始和结束的顺序

业务场景 上传多张图片loading

console.log('开始上传')
async allUpload(images) { // images 是本地图片的缓存集合
// Promise.all 执行全部的异步完成之后 ,去循环image里面的即可
        await Promise.all(images.map(async (v, index) => {
            await this._UpLoadImage(v, index, images.length) // this._UpLoadImage 是单图上传或者其他的异步逻辑
        }))
        console.log('加载完毕...')
    }

2.保证顺序的上传

// this.asyncForEach(images, this._UpLoadImage)  调用个方法
async asyncForEach(array, callback) { // 注意如果callback里面的有调用this的,已经被callback换成了上下文,或许会报空指针
        for (let index = 0; index < array.length; index++) {
            await callback(array[index]);
            console.log(index)
        }
    }

相关文章

  • 在循环的时候保证异步请求的执行顺序

    1.只保证开始和结束的顺序 业务场景 上传多张图片loading 2.保证顺序的上传

  • vue使用递归函数,循环执行方法

    递归方法 引用 需要循环执行的方法 注:不要使用for循环,for循环中嵌套了异步请求会导致请求顺序错乱 OK,就...

  • 2022-03-11-🌦🌦for 异步执行方案

    for + 异步请求同步执行问题 有个需求是循环请求一个接口获得数据,问题是循环请求了但是接口是异步的,按顺序传过...

  • 循环中的异步请求结果在循环外使用问题

    场景:在一个for循环中执行异步请求,请求结果最终需要在循环外部使用。 由于异步代码执行是在主栈代码执行结束之后再...

  • 异步编程

    同步与异步 同步:按代码顺序依次执行 异步:先执行同步代码,完成后再执行异步代码 事件循环与消息队列:当代码执行到...

  • iOS 网络请求回调问题

    1、多个网络请求完成后通知继续执行 2、多个异步请求,顺序回调结果

  • 回调地域、Promise

    回调函数 异步API无法保证执行顺序,要想按照你的顺序来,需要设计函数嵌套 比如:想要达到a执行完才能执行b,b执...

  • 面试常问题(简述)

    1.$nextTick() dom更新是异步的,$nextTick()中的代码会在dom更新后执行保证执行顺序 原...

  • 我与异步编程的故事

    我与异步编程的故事 在最开始学习Java的时候,就只会从上往下一把梭地写代码,代码的编写顺序跟其执行顺序保证完全的...

  • iOS多个网络请求同步执行

    这里所说的同步执行是指多个网络请求按顺序执行,但这些请求还是可以在异步线程处理的不会阻塞主线程;首先我们看一个实际...

网友评论

      本文标题:在循环的时候保证异步请求的执行顺序

      本文链接:https://www.haomeiwen.com/subject/ztofjktx.html