JS中promise化微信小程序api
更新时间：2018年04月12日 08:51:19 投稿：laozhang
这篇文章主要给大家通过代码实例分析了promise化微信小程序api的使用方法，对此有需要的朋友可以参考学习下。
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 })
相关文章
本文主要介绍了uniapp中修改打包路径,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2025-02-02
这篇文章主要介绍了制作微信小程序的小白简单入门教程。本文就是小程序学习笔记，整理成教程的形式，希望对于初学者有用。需要学会的主要知识点都会讲到，目标是你读完这个教程，就能学会怎么写小程序。2022-12-12
这篇文章主要介绍了webpack -v报错解决方案,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-09-09
详解JavaScript中的Object.is()与"==="运算符总结
这篇文章主要介绍了详解JavaScript中的Object.is()与"==="运算符总结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-06-06
用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数
用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数 函数的参数：elem元素、页面主体宽度(如：990、950宽)、elem与页面主体DIV的左边距2012-01-01
这篇文章主要介绍了javascript 中select框触发事件过程的分析的相关资料,这里对select 触发过程进行了深入分析，帮助大家理解这部分内容，需要的朋友可以参考下2017-08-08
本篇文章主要介绍了parabola.js抛物线与加入购物车效果的示例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
这篇文章主要介绍了JavaScript基于对象方法实现数组去重及排序操作,涉及javascript基于对象方法的数组遍历、比较、去重、排序等相关操作技巧,需要的朋友可以参考下2018-07-07
2008-01-01
这篇文章主要给大家介绍了JavaScript数据结构之数组、栈与队列的相关资料，文中对数组、栈与队列的使用方法进行了详细的总结，相信对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-05-05
最新评论