欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS中promise化微信小程序api

 更新時(shí)間：2018年04月12日 08:51:19   投稿：laozhang  
這篇文章主要給大家通過(guò)代碼實(shí)例分析了promise化微信小程序api的使用方法，對(duì)此有需要的朋友可以參考學(xué)習(xí)下。

promise化的原因

微信小程序的api用的是對(duì)象參數(shù)回調(diào)模式,很容易造成回調(diào)地獄,代碼難以閱讀,判斷,修改 和調(diào)試.

微信小程序api示例

// 獲取用戶信息
  wx.getSetting({
   success: res => {
    if (res.authSetting['scope.userInfo']) {
     // 已經(jīng)授權(quán)，可以直接調(diào)用 getUserInfo 獲取頭像昵稱，不會(huì)彈框
     wx.getUserInfo({
      success: res => {
       // 可以將 res 發(fā)送給后臺(tái)解碼出 unionId
       this.globalData.userInfo = res.userInfo
      }
     })
    }
   }
  })

可以看出兩層的時(shí)候,代碼就很別扭了

promise化小程序

編寫一個(gè)可以promise小程序api的公用函數(shù)

function promisify (method, options = {}) {
 return new Promise((resolve, reject) => {
  // 將options對(duì)象賦值 然后再傳給下面調(diào)用的方法中
  options.success = resolve
  options.fail = err => {
   reject(err)
  }
  wx[method](options)
 })
}

使用示例

傳遞的額外參數(shù)通過(guò)對(duì)象解構(gòu)方式傳遞

promisify('getUserInfo')
 .then((res) => console.log(res))
 .catch((err) => {console.error(err)})

promisify('navigateTo', { url })

相關(guān)文章

最新評(píng)論