最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
小程序接口的promise化如何实现 小程序接口的promise化的实现方法
时间:2019-12-11 编辑:顺其自然 来源:一聚教程网
小程序接口的promise化如何实现?这篇文章主要介绍了小程序接口的promise化的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,感兴趣的用户就来一聚教程网参考一下吧!
最近在写微信小程序,为了能用上 async/await 方法,需要把微信提供的异步操作包装成 Promise 对象,为此写了一个简单的 promise(fie) 函数:
/** * @function promise - 将 wx 接口 promise 化 * * @param { String|Function } wxApi - 需要转换的接口/接口名 * @param { Object|Any } [originParam = {}] - 原接口要求的参数对象 * @param { Object|Any } [extra] - 接口要求的其他参数 */ 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) ); }
正当我沾沾自喜、兴致冲冲地调用拍照接口测试时,控制台扔给我一个 “this._invokeMethod is not a Function” 的错误。显而易见,由于 wxApi 被当做参数传递,执行时的 this 与预期不一致,因此需要显式指定上下文,遂把函数再改改:
/** * @function promise - 将 wx 接口 promise 化 * * @param { String|Function } wxApi - 需要转换的接口/接口名 * @param { Object|Any } [originParam = {}] - 原接口要求的参数对象 * @param { Object|Any } [context = wx] - 执行上下文 * @param { Object|Any } [extra] - 接口要求的其他参数 */ 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) ); }
相关文章
- PHP导出数据超时的优化建议解读 10-31
- PHP之mysql位运算解析 10-31
- Laravel实现登录跳转功能解析 10-31
- php双向队列解读 10-31
- Laravel异常上下文解决教程 10-24
- php数组查询元素位置方法介绍 10-24