全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[天水seo公司就找久澳]实例讲解微信小程序异步处理方法

  微信小程序现在也来越火,本文主要为大家详细介绍了微信小程序异步处理的相关资料,具有一定的参考价值▪★,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。

  直接看问题:

  然后看打印的结果:

  根据上面两图可以看出,临沧市小程序制作公司代码上先执行的网络请求☆◇◁,再执行打印的变量,但是从下面打印的结果来看,先出结果的是执行打印变量的函数(aafn函数),再打印出网络请求success的回调里返回的数据和赋值后的变量的值▽◆=;

  为什么先执行的aafn,并且打印的值没有赋值上?

  因为wx••☆◆.request是一个异步的请求,所以数据请求的同时,可以继续向下执行函数。所以这里值还没有赋值上就开始打印了变量的值;

  这种情况◇•,青铜峡市小程序制作公司怎么解决呢?

  方法一:

  嵌套

  在wx.request的success回调里执行aafn函数

  然后运行结果

  这里就取到值了

  但是如果逻辑很复杂•▽•=,需要用到很多层异步,就像这样:

  


 

  

asyncFn1(function(){
 //.--▲△..
 asyncFn2(function(){
 //▼■▷...
 asyncFn3(function(){
 //▼▪◁◁..-▽◇.
 asyncFn4(function(){
 //.•-□.△•■▽.
 asyncFn5(function(){
 //□★.☆▷..
 })○▷;
 });
 });
 });
})…=■▲;

 

  这样代码看起来就很不好看,代码的可读性和可维护性就不好了

  那怎么解决这个问题呢?Promise这种概念的产生,很好地解决了这一切,Promise是什么?这里我就不多说了有兴趣的自己去看一看▲▷,Promise介绍链接

  先看看Promise的方式:

  


 

  

function asyncFn1(){
 return new Promise(function (resolve▲▲, reject) {
 //-◁▪●..▼○.
 })
}
// asyncFn2,3▼●□☆,4,5也实现成跟asyncFn1一样的方式..☆-○▽.

 

  调用

  


 

  

asyncFn1()
 •▪△☆.then(asyncFn2)
 .then(asyncFn3)
 .then(asyncFn4)
 ◇●▷•.then(asyncFn5)□•☆;

 

  这样的话,异步函数就可以依次执行了

  微信小程序的异步API怎么支持Promise呢△…?我们可以一个一个的用Promise去包装这些API,29 2020.10 [崇左seo公司认准久澳]微信小程序中用Python生成二维码的两种方式 本篇文章给大家带来的内容是关于微信小程序中用Python生成二维码的两种方式 ,有一定的参考价值, [崇左seo公司认准久澳] 有需要的朋友可以参考一下△◆◆☆,希望对你有所帮助。但是这个还是比较麻烦的。不过▼▽•■,小程序的API的参数格式都比较统一,只接受一个object参数△▼▷,回调都是在这个参数中设置,所以▽■◁,这为了统一处理提供了便利○△,写一个工具方法,来完成这样的工作

  首先需要引用一个叫bluebird.js的文件•…;

  进入bluebird官网下载:

  

 

  这个好像是不能下载的●☆★▽,但是你可以点击进入,然后复制,桐乡市小程序制作公司[天水seo公司就找久澳]在小程序里创建一个js文件,将代码复制到这个js里面,然后引用▽…。

  然后再写一个JS,里面写工具方法:

  下面是prom.js

  然后需要使用的那个页面的js里引入prom.js:

  调用:

  打印结果

  这样就可以了,完结。

  相关推荐:
 

  JavaScript中的异步处理解析

  微信小程序中异步处理实例详解(async/await)

  js 异步处理进度条_javascript技巧

  以上就是实例讲解微信小程序异步处理方法的详细内容,更多请关注久澳传媒编程栏目其它相关文章!

[天水seo公司就找久澳]实例讲解微信小程序异步处理方法

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。