最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
小程序接口的promise化如何实现 小程序接口的promise化的实现方法
时间：2022-06-24 22:27:27 编辑：袖梨 来源：一聚教程网
小程序接口的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)
);
}
相关文章
- 今日头条自媒体运营指南 - 2026新手入门与涨粉技巧 06-12
- 快手TV版下载安装 - 2026官方正版客户端 06-12
- 彭博社官网入口 - 2026最新国际财经资讯平台 06-12
- 优质网站推荐平台 - 窝窝网 06-12
- 小马云最新视频合集 - 2026年真实影像回顾 06-12
- B站网页版登录入口 - 2026官方正版在线登录 06-12