微信小程式非同步處理詳解
本文例項為大家分享了微信小程式非同步處理的具體方法，供大家參考，具體內容如下
直接看問題：
然後看列印的結果：
根據上面兩圖可以看出，程式碼上先執行的網路請求，再執行列印的變數，但是從下面列印的結果來看，先出結果的是執行列印變數的函式（aafn函式），再打印出網路請求success的回撥裡返回的資料和賦值後的變數的值；
為什麼先執行的aafn，並且列印的值沒有賦值上？
因為wx.request是一個非同步的請求，所以資料請求的同時，可以繼續向下執行函式。所以這裡值還沒有賦值上就開始列印了變數的值；
這種情況，怎麼解決呢？
方法一：
巢狀
在wx.request的success回撥裡執行aafn函式
然後執行結果
這裡就取到值了
但是如果邏輯很複雜，需要用到很多層非同步，就像這樣：
?| 123456789101112131415 | asyncFn1(function(){//...asyncFn2(function(){//...asyncFn3(function(){//...asyncFn4(function(){//...asyncFn5(function(){//...});});});});}); |
這樣程式碼看起來就很不好看，程式碼的可讀性和可維護性就不好了
那怎麼解決這個問題呢？Promise這種概念的產生，很好地解決了這一切，Promise是什麼？這裡我就不多說了有興趣的自己去看一看，Promise介紹連結
先看看Promise的方式：
?| 1234567 | function asyncFn1(){return new Promise(function (resolve, reject) {//...})}// asyncFn2,3,4,5也實現成跟asyncFn1一樣的方式... |
呼叫
?| 12345 | asyncFn1().then(asyncFn2).then(asyncFn3).then(asyncFn4).then(asyncFn5); |
這樣的話，非同步函式就可以依次執行了
微信小程式的非同步API怎麼支援Promise呢？我們可以一個一個的用Promise去包裝這些API，但是這個還是比較麻煩的。不過，小程式的API的引數格式都比較統一，只接受一個object引數，回撥都是在這個引數中設定，所以，這為了統一處理提供了便利，寫一個工具方法，來完成這樣的工作
首先需要引用一個叫bluebird.js的檔案；
這個好像是不能下載的，但是你可以點選進入，然後複製，在小程式裡建立一個js檔案，將程式碼複製到這個js裡面，然後引用。
然後再寫一個JS，裡面寫工具方法：
下面是prom.js
然後需要使用的那個頁面的js裡引入prom.js：
呼叫：
列印結果
這樣就可以了，完結。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援指令碼之家。
原文連結：http://www.cnblogs.com/xjwy/p/7813859.html