這次帶給大家promise怎麼操作微信小程式api,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 })我相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章! 推薦閱讀:
以上是promise怎麼操作微信小程式api的詳細內容。更多資訊請關注PHP中文網其他相關文章!