微信小程序异步转同步promise的async和await

最新推荐文章于 2023-07-21 20:25:41 发布

一缕清风明月

最新推荐文章于 2023-07-21 20:25:41 发布

阅读量1.3k

点赞数

分类专栏：微信小程序文章标签： 1024程序员节小程序 javascript

本文链接：https://blog.youkuaiyun.com/qq_44776950/article/details/109266515

版权

微信小程序专栏收录该内容

15 篇文章

订阅专栏

本文介绍了如何在前端项目中处理异步操作，特别是在批量导入图片时，通过使用async/await和云函数实现同步执行。通过`cloudGetPath`函数与云函数交互，确保所有图片处理按顺序完成，解决了异步可能导致的逻辑混乱问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

异步是前端的本质，在项目中，有些业务逻辑就需要用到同步执行

Page({
  data: {
  },
  /**
   * 批量导入
   */
  muchclickimages() {
    var that = this;
    //选择文件(图片)
    wx.chooseMessageFile({
      count: 100,
      type: 'image',
      success(res) {
        console.log(res)
        //临时路径
        // console.log(res.tempFiles)
        main()//调用
        async function main(){
          for(var i =0;i<res.tempFiles.length;i++){
          	//await等待
            await that.cloudGetPath(res.tempFiles[i].name)
        }
       }
     })
  	},
  /**
   * 云函数通过名字获取地址
   * @param {*} name 
   * return 路径
   */
  cloudGetPath:function(name) {
    var that = this
    //return
    return new Promise(resolve=>{
      wx.cloud.callFunction({
        name: "getStudentData",
        data: {
          name: name
        }
      }).then(res=>{
        console.log(res)
        //在执行完成后resolve
        resolve()
      })
    })
  },
  onLoad() {
    this.muchclickimages()
  }
})