小編給大家分享一下微信小程序中異步處理的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),勉縣企業(yè)網(wǎng)站建設(shè),勉縣品牌網(wǎng)站建設(shè),網(wǎng)站定制,勉縣網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,勉縣網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

異步處理就是按照不同步的程序處理問題。異步處理與同步處理是對立的，而產(chǎn)生他們的是多線程或者多進(jìn)程。異步處理的好處就是提高設(shè)備使用率，從而在宏觀上提升程序運(yùn)行效率，但是弊端就是容易出現(xiàn)沖突操作和數(shù)據(jù)臟讀。同步則剛好相反，同步是一種降低設(shè)備使用率，在宏觀上降低了程序的運(yùn)行效率，而且很多系統(tǒng)或者是運(yùn)行環(huán)境在處理同步的時候?yàn)榱司S持同步的有效性也會付出許多格外的系統(tǒng)資源開支，對性能影響相當(dāng)大。但是同步保證了程序運(yùn)行的正確性與數(shù)據(jù)的完整性。

直接看問題：

然后看打印的結(jié)果：

根據(jù)上面兩圖可以看出，代碼上先執(zhí)行的網(wǎng)絡(luò)請求，再執(zhí)行打印的變量，但是從下面打印的結(jié)果來看，先出結(jié)果的是執(zhí)行打印變量的函數(shù)（aafn函數(shù)），再打印出網(wǎng)絡(luò)請求success的回調(diào)里返回的數(shù)據(jù)和賦值后的變量的值；

為什么先執(zhí)行的aafn，并且打印的值沒有賦值上？

因?yàn)閣x.request是一個異步的請求，所以數(shù)據(jù)請求的同時，可以繼續(xù)向下執(zhí)行函數(shù)。所以這里值還沒有賦值上就開始打印了變量的值；

這種情況，怎么解決呢？

方法一：

嵌套

在wx.request的success回調(diào)里執(zhí)行aafn函數(shù)

然后運(yùn)行結(jié)果

這里就取到值了

但是如果邏輯很復(fù)雜，需要用到很多層異步，就像這樣：

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

這樣代碼看起來就很不好看，代碼的可讀性和可維護(hù)性就不好了

那怎么解決這個問題呢？Promise這種概念的產(chǎn)生，很好地解決了這一切，Promise是什么？這里我就不多說了有興趣的自己去看一看，Promise介紹鏈接

先看看Promise的方式：

function asyncFn1(){
 return new Promise(function (resolve, reject) {
  //...
 })
}

// asyncFn2,3,4,5也實(shí)現(xiàn)成跟asyncFn1一樣的方式...

調(diào)用

asyncFn1()
 .then(asyncFn2)
 .then(asyncFn3)
 .then(asyncFn4)
 .then(asyncFn5);

這樣的話，異步函數(shù)就可以依次執(zhí)行了

微信小程序的異步API怎么支持Promise呢？我們可以一個一個的用Promise去包裝這些API，但是這個還是比較麻煩的。不過，小程序的API的參數(shù)格式都比較統(tǒng)一，只接受一個object參數(shù)，回調(diào)都是在這個參數(shù)中設(shè)置，所以，這為了統(tǒng)一處理提供了便利，寫一個工具方法，來完成這樣的工作

首先需要引用一個叫bluebird.js的文件；

進(jìn)入bluebird官網(wǎng)下載：

這個好像是不能下載的，但是你可以點(diǎn)擊進(jìn)入，然后復(fù)制，在小程序里創(chuàng)建一個js文件，將代碼復(fù)制到這個js里面，然后引用。

然后再寫一個JS，里面寫工具方法：

下面是prom.js

然后需要使用的那個頁面的js里引入prom.js：

調(diào)用：

打印結(jié)果

以上是“微信小程序中異步處理的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！