微信小程序异步处理的方法与策略

本篇文章介绍了微信小程序开发中异步处理的方法，希望对学习微信小程序开发的朋友有帮助！

微信小程序如何进行异步处理

微信小程序是通过wx.request进行异步处理，使用起来确实有很多不方便，不能忍，幸好小程序是支持ES6语法的，所以可以使用promise稍加改造。

然后我们会在控制台到这样的结果：

这其实是一个很简单的异步问题，wx.request是异步请求，JS不会等待wx.request执行完毕再往下执行，所以JS按顺序会先执行this.loadMyData()，等服务器返回数据以后，loadMyData()早就执行完了，当然也就没有拿到值啦。

其实我们在同步流程中才说“返回”，异步没有“返回”这个概念（或者说异步返回是没有意义的），异步对应的是“回调”，也就是说，对于一个异步函数，我们应该传入一个“回调函数”来接收结果。

初步解决：通过回调接收结果

最简单的解决方案，就是把需要使用异步数据的函数写在回调里：

而我们发现，微信小程序的网络请求wx.request，也正是这种依靠回调函数的形式，类似于以前的$.ajax，它在逻辑复杂、页面执行顺序要求多的情况下，弊端也是很明显的。不过好在小程序支持ES6，我们可以尽情地拥抱Promise！

使用Promise包装wx.request

Promise这东西简单说来就是，它可以将异步的执行逻辑和结果处理分离，摒弃了一层又一层的回调嵌套，使得处理逻辑更加清晰。

现在再使用试试：

结果和使用回调函数一致。当有多个异步请求时，直接不断地.then(fn)去处理即可，逻辑清晰。

当然，这里只是写了一个最简单的Promise函数，还不完整。更完整的Promise化wx.request，等以后业务需要再完善吧。另外各种小程序开发框架也都有了现成的promise化API，拿来即用。

以上就是微信小程序异步处理的方法与策略的详细内容！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。