微信小程序 Promise最简单的用法，解决异步问题

用小程序做东西时遇到一个异步问题，比如上传图片需要读取返回的真实地址时，因为小程序异步的原因，程序会继续往下执行

往往是图片还没传完，下一步的函数都运行完了，这个时候根本取不到真实地址。

查看了很多文章，大部分都说用Promise来阻塞异步解决，但是看了下Promise的用法文章，可能我才疏学浅，没太搞懂。

后来我参考了一个高手写的代码，终于知道如何用了，具体原理我就不想深究了，使用套路写在下面：

我觉得不要做什么Promise API封装不需要JS页面 import 这个封装函数，只会让人越搞越晕

let PromiseArr = []

PromiseArr.push(new Promise((reslove,reject)=>{

//这里写你想要阻塞的函数 ,比如wx.request 啊 wx.cloud.uploadfile啊等等

success:res=>{

//这里写逻辑，比如获取图片云存储的真实地址 this.data.imagePath = res.fileId 等等

reslove();

}

}))

//关键的执行步骤

Promise.all(PromiseArr).then(res=>{

//这里就可以开始写下一步执行的函数了，甚至也可以做Promise的嵌套，再写一个在里面

this.setdata({

//把上一步获得的结果进行加工，这样的就不会异步了。

images: this.data.imagePath

})

只要按照以上套路出牌，基本上是没问题的。

微信小程序 Promise最简单的用法，解决异步问题相关推荐

小程序promise封装post请求_微信小程序promise封装get/post请求
微信小程序promise封装get/post请求 2020-07-04 20:42:49 微信小程序promise封装get/post请求叶子兔 2018-10-10 08:55:30 1056 ...
小程序promise封装post请求_微信小程序 es6-promise.js封装请求与处理异步进程
微信小程序 es6-promise.js封装请求与处理异步进程下载es6-promise.js置于根目录下的libs文件夹下: 在根目录utils文件夹下新建httpsPromisify.js,即定 ...
android商品数量加减,微信小程序实现一个简单的商品数量加减案例
简介这是一个用微信小程序原生代码实现的数量加减demo,主要是用于商品购物车或者商品详情修改数量使用,很简单哦~~~. 核心js方法说明addCount(增加数量) delCount (减少数量) ...
微信小程序之movable-view的direction用法
微信小程序之movable-view的direction用法 movable-view必须在 movable-area 组件中,并且必须是直接子节点,否则不能移动,movable-area的大小必须比 ...
微信小程序 border设置单边框失效解决办法
微信小程序 border设置单边框失效解决办法遇到的问题解决的方法总结遇到的问题 border-right: 1 rpx solid #ccc;border-bottom: 1 rpx sol ...
开发微信小程序中遇到的坑及解决方法
开发微信小程序中遇到的坑及解决方法参考文章: (1)开发微信小程序中遇到的坑及解决方法 (2)https://www.cnblogs.com/feiye512/p/6070052.html ...
微信小程序访问豆瓣电影api400错误解决方法
微信小程序访问豆瓣电影api400错误解决方法参考文章: (1)微信小程序访问豆瓣电影api400错误解决方法 (2)https://www.cnblogs.com/bubbleStar/p/610 ...
小程序数据框有重影_微信小程序input重影什么原因?怎么解决重影?
微信小程序input重影什么原因?怎么解决重影?微信小程序input输入框输入出现了重影的情况,这是什么原因呢?又该怎么去解决微信小程序input重影问题. 微信小程序input重影怎么办? 问题描述 ...
微信小程序android错误,微信小程序首页数据初始化失败的解决方法
一. 问题描述用户首次后再次进入小程序时,我们通常需要通过获取用户openid或unionid用作唯一标示与后台进行数据交流,初始化用户信息.当我们通过第三方服务器跟微信建立请求时,微信需要用户确认 ...

微信小程序 Promise最简单的用法，解决异步问题

微信小程序 Promise最简单的用法，解决异步问题相关推荐

最新文章

热门文章