微信小程序异步处理详解

微信小程序异步处理详解
异步处理就是按照不同步的程序处理问题。异步处理与同步处理是对立的，而产生他们的是多线程或者多进程。异步处理的好处就是提高设备使用率，从而在宏观上提升程序运行效率，但是弊端就是容易出现冲突操作和数据脏读。同步则刚好相反，同步是一种降低设备使用率，在宏观上降低了程序的运行效率，而且很多系统或者是运行环境在处理同步的时候为了维持同步的有效性也会付出许多格外的系统资源开支，对性能影响相当大。但是同步保证了程序运行的正确性与数据的完整性。

异步处理就是按照不同步的程序处理问题。异步处理与同步处理是对立的，而产生他们的是多线程或者多进程。异步处理的好处就是提高设备使用率，从而在宏观上提升程序运行效率，但是弊端就是容易出现冲突操作和数据脏读。同步则刚好相反，同步是一种降低设备使用率，在宏观上降低了程序的运行效率，而且很多系统或者是运行环境在处理同步的时候为了维持同步的有效性也会付出许多格外的系统资源开支，对性能影响相当大。但是同步保证了程序运行的正确性与数据的完整性。

直接看问题：

然后看打印的结果：

根据上面两图可以看出，代码上先执行的网络请求，再执行打印的变量，但是从下面打印的结果来看，先出结果的是执行打印变量的函数（aafn函数），再打印出网络请求success的回调里返回的数据和赋值后的变量的值；

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

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

这种情况，怎么解决呢？

方法一：

嵌套

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

然后运行结果

这里就取到值了

但是如果逻辑很复杂，需要用到很多层异步，就像这样：

asyncFn1(function(){ //... asyncFn2(function(){ //... asyncFn3(function(){ //... asyncFn4(function(){ //... asyncFn5(function(){ //... }); }); }); });});