詳解微信小程序同步異步解決辦法

詳解微信小程序同步異步解決辦法

成都創新互聯公司專業為企業提供北辰網站建設、北辰做網站、北辰網站設計、北辰網站制作等企業網站建設、網頁設計與制作、北辰企業網站模板建站服務，十載北辰做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。

小程序中函數體還沒有完成，下一個函數就開始執行了,而且兩個函數之間需要傳參。那是因為微信小程序函數是異步執行的。但微信小程序增加了ES6的promise特性支持，微信小程序新版本中移除了promise的支持，需要自己使用第三方庫來自行實現ES6的promise特性。

WxService.js

import Tools from 'Tools'
import es6 from '../assets/plugins/es6-promise'

class Service {
 constructor() {
  this.__init()
 }

 /**
  * __init
  */
 __init() {
  this.tools = new Tools
  this.__initDefaults()
  this.__initMethods()
 }


 /**
  * __initDefaults
  */
 __initDefaults() {
  // 緩存非異步方法
  this.noPromiseMethods = [
   'stopRecord',
   'pauseVoice',
   'stopVoice',
   'pauseBackgroundAudio',
   'stopBackgroundAudio',
   'showNavigationBarLoading',
   'hideNavigationBarLoading',
   'createAnimation',
   'createContext',
   'hideKeyboard',
   'stopPullDownRefresh',
  ]

  // 緩存wx接口方法名
  this.instanceSource = {
   method: Object.keys(wx)
  }
 }

 /**
  * 遍歷wx方法對象，判斷是否為異步方法，是則構造promise
  */
 __initMethods() {
  for (let key in this.instanceSource) {
   this.instanceSource[key].forEach((method, index) => {
    this[method] = (...args) => {
     // 判斷是否為非異步方法或以 wx.on 開頭，或以 Sync 結尾的方法
     if (this.noPromiseMethods.indexOf(method) !== -1 || method.substr(0, 2) === 'on' || /\w+Sync$/.test(method)) {
      return wx[method](...args)
     }
     return this.__defaultRequest(method, ...args)
    }
   })
  }

    /**
     * 保留當前頁面，跳轉到應用內的某個頁面
     * @param {String} url 路徑
     * @param {Object} params 參數
     */
  this.navigateTo = (url, params) => {
   const $$url = this.tools.buildUrl(url, params)
   return new es6.Promise((resolve, reject) => {
    wx.navigateTo({
     url: $$url,
     success: res => resolve(res),
     fail: res => reject(res),
    })
   })
  }

  /**
  * 關閉當前頁面，跳轉到應用內的某個頁面
  * @param {String} url 路徑
  * @param {Object} params 參數
  */
  this.redirectTo = (url, params) => {
   const $$url = this.tools.buildUrl(url, params)
   return new es6.Promise((resolve, reject) => {
    wx.redirectTo({
     url: $$url,
     success: res => resolve(res),
     fail: res => reject(res),
    })
   })
  }
 }

 /**
  * 以wx下API作為底層方法
  * @param {String} method 方法名
  * @param {Object} obj  接收參數
  */
 __defaultRequest(method = '', obj = {}) {
  return new es6.Promise((resolve, reject) => {
   obj.success = (res) => resolve(res)
   obj.fail = (res) => reject(res)
   wx[method](obj)
  })
 }
}

export default Service

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

網頁標題：詳解微信小程序同步異步解決辦法
標題路徑：http://www.xueling.net.cn/article/jdises.html

老熟女激烈的高潮_日韩一级黄色录像_亚洲1区2区3区视频_精品少妇一区二区三区在线播放_国产欧美日产久久_午夜福利精品导航凹凸

重慶分公司，新征程啟航

詳解微信小程序同步異步解決辦法

其他資訊