快捷導航

小程序接口的promise化的實現(xiàn)方法

更新時間：2019年12月11日 08:26:58 作者：madRain

這篇文章主要介紹了小程序接口的promise化的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

最近在寫微信小程序，為了能用上 async/await 方法，需要把微信提供的異步操作包裝成 Promise 對象，為此寫了一個簡單的 promise(fie) 函數(shù)：

/**
 * @function promise - 將 wx 接口 promise 化
 * 
 * @param { String|Function } wxApi - 需要轉(zhuǎn)換的接口/接口名
 * @param { Object|Any } [originParam = {}] - 原接口要求的參數(shù)對象
 * @param { Object|Any } [extra] - 接口要求的其他參數(shù)
 */
function promise(wxApi, originParam = {}, extra){
 const api = wxApi instanceof Function?
  wxApi:
  wx[wxApi];

 return new Promise((done, fail) =>
  api(Object.assign(
   originParam,
   {
    success: done,
    failed: fail
   }
  ),
  extra)
 );
}

正當我沾沾自喜、興致沖沖地調(diào)用拍照接口測試時，控制臺扔給我一個 “this._invokeMethod is not a Function” 的錯誤。顯而易見，由于 wxApi 被當做參數(shù)傳遞，執(zhí)行時的 this 與預期不一致，因此需要顯式指定上下文，遂把函數(shù)再改改：

/**
 * @function promise - 將 wx 接口 promise 化
 * 
 * @param { String|Function } wxApi - 需要轉(zhuǎn)換的接口/接口名
 * @param { Object|Any } [originParam = {}] - 原接口要求的參數(shù)對象
 * @param { Object|Any } [context = wx] - 執(zhí)行上下文
 * @param { Object|Any } [extra] - 接口要求的其他參數(shù)
 */
function promise(wxApi, originParam = {}, context = wx, extra){
 const api = wxApi instanceof Function?
  wxApi:
  context[wxApi];

 return new Promise((done, fail) =>
  api.call(context, Object.assign(
   originParam,
   {
    success: done,
    failed: fail
   }
  ),
  extra)
 );
}

由于大部分接口都是 wx 的方法，因此這個 promise 方法在大多數(shù)情況下還是比較省事的。不過拍照接口是 cameraContext 的方法，所以傳遞的是 createCameraContext 方法的返回值：

/**
 * @function takePhoto - promise風格的拍照接口
 * 
 * @param { Object|Any } [options = {}] - 相機配置
 * 
 * @return {Promise}
 */
export function takePhoto(options = {}){
  const tempOptions = {
    quality: 'high',
    ...options
  }

 const cameraContext = createCameraContext();

 return promise(cameraContext.takePhoto, tempOptions, cameraContext);
}

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: