增強微信小程序API

為什么要增強微信小程序API

微信小程序因其雙線程框架，導致大部分API都是異步API，比如，最常用的wx.request。而小程序的API的設計，都是采用回調形式。這樣，業務過于復雜的時候，就會陷入回調地獄中，而且代碼的可讀性也變差。

材料準備

提到異步編程，Promise就該閃亮登場了。

Promise

微信小程序有眾多的API，總不能用到哪個，封裝哪個，這樣太繁瑣了，還是得統一封裝一下，復制一套微信小程序API，代理異步方法，封裝成Promise。說道代理，Proxy要閃亮登場了，但是，微信小程序除了iOS10+以上的系統，其他環境并不支持Proxy，好吧，只能讓Proxy歇歇了。老老實實的使用Object.defineProperty代理吧。

Object.defineProperty

擼代碼環節

工具函數走起

判斷是否為對象

function isObject (object) {
  return Object.prototype.toString.call(object) === '[object Object]'
}

遞歸深拷貝對象

function copy (object, target) {
  let copyobject = target || {}
  const keys = Object.keys(object)
  keys.forEach(key => {
    if (isObject(object[key])) {
      copy(object[key], copyobject[key])
    } else {
      copyobject[key] = object[key]
    }
  })
  return copyobject
}

代理走你

function proxyProperty (object, property) {
  const value = object[property]
  Object.defineProperty(object, property, {
    get () {
      if (typeof value === 'function' && !/(Sync)$/.test(property)) {
        return function(params, ...args) {
          return new Promise((resolve, reject) => {
            value ({
              ...params,
              success: res => {
                params && params.success && params.success(res);
                resolve(res);
              },
              fail: err => {
                params && params.fail && params.fail(err);
                reject(err)
              }
            }, ...args);
          });
        }.bind(object);
      } else {
        return value
      }
    }
  })
}

function proxy (object) {
  const keys = Object.keys(object)
  keys.forEach(key => {
    if (isObject(object[key])) {
      proxy(object[key])
    } else {
      proxyProperty(object, key)
    }
  })
}

let wxapi = copy(wx)
proxy(wxapi)

導出增強API

export {
  wxapi
}

app.js中導入掛載

import { wxapi } from './utils/util.js';
App({
  wxapi
})

END

盡情的then，async/await吧。·