promise化的緣由

微信小順序的api用的是對象參數回調形式,很輕易形成回調地獄,代碼難以瀏覽,推斷,修正 和調試.

微信小順序api示例

// 獵取用戶信息
    wx.getSetting({
      success: res => {
        if (res.authSetting['scope.userInfo']) {
          // 已受權，能夠直接挪用 getUserInfo 獵取頭像昵稱，不會彈框
          wx.getUserInfo({
            success: res => {
              // 能夠將 res 發送給背景解碼出 unionId
              this.globalData.userInfo = res.userInfo
            }
          })
        }
      }
    })

能夠看出兩層的時刻,代碼就很彆扭了

promise化小順序

編寫一個能夠promise小順序api的公用函數

function promisify (method, options = {}) {
  return new Promise((resolve, reject) => {
    // 將options對象賦值 然後再傳給下面挪用的要領中
    options.success = resolve
    options.fail = err => {
      reject(err)
    }
    wx[method](options)
  })
}

運用示例

通報的分外參數經由過程對象解構體式格局通報

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

promisify('navigateTo', { url })