微信小程序异步处理promise使用方法

最新推荐文章于 2024-08-07 21:00:00 发布

Huang_John

最新推荐文章于 2024-08-07 21:00:00 发布

阅读量9.2k

点赞数 1

分类专栏： Ĵ小程序文章标签： promise使用方法

本文链接：https://blog.csdn.net/Huang_John/article/details/83542301

版权

Ĵ小程序专栏收录该内容

12 篇文章 0 订阅

订阅专栏

微信小程序异步处理我使用的是promise处理，这样能够让小程序执行起来逻辑更加清晰明了，示例代码如下：

let promise1 = new Promise(function (resolve, reject) {
      wx.getImageInfo({
        src: 'https://www.qiaolibeilang.com//public/uploads/images/20180809/free.png',
        success: function (res) {
          resolve(res);
        }
      })
    });

    let promise2 = new Promise(function (resolve, reject) {
      var uid = wx.getStorageSync('uid')
      console.log(uid)
      wx.getImageInfo({
        src: that.data.src1 + uid + that.data.src3,
        success: function (res) {
          resolve(res);
        }
      })
    });

    Promise.all([
      promise1, promise2
    ]).then(res => {
      var that = this
      var winWidth = wx.getSystemInfoSync().windowWidth;// 获取当前设备的可视宽度
      var winHeight = wx.getSystemInfoSync().windowHeight;// 获取当前设备的可视高度
      that.setData({
        winWidth: winWidth,
        winHeight: winHeight
      })
      console.log(winWidth)
      console.log(winHeight)
      const ctx = wx.createCanvasContext('post')
      ctx.setFillStyle('red')
      ctx.drawImage(res[0].path, 0, 0, that.data.winWidth, that.data.winWidth * 1.778)
      ctx.drawImage(res[1].path, that.data.winWidth - 160, that.data.winWidth * 1.778 - 105, 80, 80)
      console.log(res)
      ctx.draw(true)
    })
  },

这是我做的一个海报，上面的图片地址是错误的，具体你们需要执行什么功能就看你们自己写了，还可以有promise3、promise4等等