【微信小程序】使用 Promise、async 和 await 将异步API 改写为同步

朝阳39

于 2023-04-11 10:50:17 发布

阅读量1.2k

点赞数 1

分类专栏： # 微信小程序 # 已归档链接文章标签：微信小程序 javascript 前端

本文链接：https://blog.csdn.net/weixin_41192489/article/details/130078479

版权

已归档链接同时被 2 个专栏收录

280 篇文章

订阅专栏

微信小程序

42 篇文章

订阅专栏

文章介绍了如何将微信小程序中获取图片信息的异步回调函数wx.getImageInfo改写为Promise形式，以便更好地利用async/await进行处理。通过定义getImgInfo函数返回一个新的Promise，并在success回调中调用reslove，实现了等待图片信息获取完成后再执行后续操作的功能。在使用时，可以使用async函数配合await关键字，使得代码更易于理解和维护。

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

以获取图片信息的API为例：

官方为异步的回调函数

wx.getImageInfo({
  src: 'images/a.jpg',
  success (res) {
    console.log(res.width)
    console.log(res.height)
  }
})

改写后

  // 获取图片信息
  getImgInfo(imgURL) {
    return new Promise((reslove) => {
      wx.getImageInfo({
        src: imgURL,
        success(res) {
          reslove(res);
        }
      })
    })
  },

使用方法

  async draw() {
    let ImgInfo = await that.getImgInfo(this.data.imgURL)
    console.log(ImgInfo)
  },