小程序php接口封装,微信小程序api封装

本文介绍了如何将微信小程序的API进行Promise化封装,以解决回调地狱问题,提高代码可读性和可维护性。通过示例展示了如何使用`promisify`函数将微信小程序的异步方法转换为Promise,简化了如`wx.getUserInfo`等方法的调用,使得错误处理更加便捷。
摘要由CSDN通过智能技术生成

这次给大家带来微信小程序api封装,微信小程序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 })

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值