微信小程序開發(fā)兩個月了.大家的項目都在不斷迭代.已經(jīng)不是小程序.這時候就會遇到多層回調(diào)嵌套的問題.有些目不忍視了.迫不得已引入es6-promise.在微信小程序內(nèi)測的時候promise不需要手動引入,后來被微信移除了.看看效果.

promise詳細(xì)的介紹我就不說了.有很多大神寫過.

看看目錄,引入es6-promise就可以用了.

1.網(wǎng)絡(luò)請求 wxRequest.js

這里只寫了get和post.

我經(jīng)常會在網(wǎng)絡(luò)請求的時候用微信原生showToast(),所以最后加了finally,方便hideToast()

var Promise = require('../plugins/es6-promise.js')function wxPromisify(fn) {  return function (obj = {}) {    return new Promise((resolve, reject) => {      obj.success = function (res) {        //成功        resolve(res)      }      obj.fail = function (res) {        //失敗        reject(res)      }      fn(obj)    })  }}//無論promise對象最后狀態(tài)如何都會執(zhí)行Promise.prototype.finally = function (callback) {  let P = this.constructor;  return this.then(    value => P.resolve(callback()).then(() => value),    reason => P.resolve(callback()).then(() => { throw reason })  );};/** * 微信請求get方法 * url * data 以對象的格式傳入 */function getRequest(url, data) {  var getRequest = wxPromisify(wx.request)  return getRequest({    url: url,    method: 'GET',    data: data,    header: {      'Content-Type': 'application/json'    }  })}/** * 微信請求post方法封裝 * url * data 以對象的格式傳入 */function postRequest(url, data) {  var postRequest = wxPromisify(wx.request)  return postRequest({    url: url,    method: 'POST',    data: data,    header: {      "content-type": "application/x-www-form-urlencoded"    },  })}module.exports = {  postRequest: postRequest,  getRequest: getRequest}