小程序回调函数转Promise

最新推荐文章于 2024-06-29 09:30:43 发布

D_Brick

最新推荐文章于 2024-06-29 09:30:43 发布

阅读量642

点赞数

分类专栏：项目笔记文章标签：微信小程序 Javascript

本文链接：https://blog.csdn.net/weixin_33138889/article/details/88965321

版权

本文介绍了在微信小程序开发中，如何将常见的回调函数如wx.login、wx.getSetting等转换为Promise形式，以解决回调地狱问题。作者分享了一个简单的Promise.js封装示例，包括wx.login和wx.request的封装，使得调用更加简洁。

摘要由CSDN通过智能技术生成

最近在公司中负责微信小程序的工作，发现小程序中经常会用到获取用户信息等功能。而wx.login、wx.getSetting等小程序的API都是回调函数的形式。而获取用户信息需要wx.login(获取code)、通过code到后台请求userId、wx.getSetting获取用户设置和wx.getUserInfo四个步骤。造成的回调嵌套太过于繁琐，就想着能不能把回调形式封装一下，以Promise的方式返回。其中wx.request由于涉及到传参，与其它API在封装时稍有差异。

这里借鉴了思否上一篇文章的写法传送门

promise.js

function promisify(api) {
  return (options, params) => {
    return new Promise((resolve, reject) => {
      api(Object.assign({}, options, { 
        success: res => resolve(res), 
        fail: res => reject(res) 
      }, params))
    })
  }
}

module.exports.promisify = promisify

引入promise.js，以ws.login为例

const pro = require('./promise.js').promisify
const login = pro(ws.login)

login().then(res => {
	console.log(res.data)
}).catch(res => {
	console.log(res.errMsg)
})