JS中promise化微信小程序api
更新時(shí)間：2018年04月12日 08:51:19 投稿：laozhang
這篇文章主要給大家通過代碼實(shí)例分析了promise化微信小程序api的使用方法，對此有需要的朋友可以參考學(xué)習(xí)下。
promise化的原因
微信小程序的api用的是對象參數(shù)回調(diào)模式,很容易造成回調(diào)地獄,代碼難以閱讀,判斷,修改 和調(diào)試.
微信小程序api示例
// 獲取用戶信息
wx.getSetting({
success: res => {
if (res.authSetting['scope.userInfo']) {
// 已經(jīng)授權(quán)，可以直接調(diào)用 getUserInfo 獲取頭像昵稱，不會(huì)彈框
wx.getUserInfo({
success: res => {
// 可以將 res 發(fā)送給后臺(tái)解碼出 unionId
this.globalData.userInfo = res.userInfo
}
})
}
}
})
可以看出兩層的時(shí)候,代碼就很別扭了
promise化小程序
編寫一個(gè)可以promise小程序api的公用函數(shù)
function promisify (method, options = {}) {
return new Promise((resolve, reject) => {
// 將options對象賦值 然后再傳給下面調(diào)用的方法中
options.success = resolve
options.fail = err => {
reject(err)
}
wx[method](options)
})
}
使用示例
傳遞的額外參數(shù)通過對象解構(gòu)方式傳遞
promisify('getUserInfo')
.then((res) => console.log(res))
.catch((err) => {console.error(err)})
promisify('navigateTo', { url })
相關(guān)文章
本文主要介紹了uniapp中修改打包路徑,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2025-02-02
這篇文章主要介紹了制作微信小程序的小白簡單入門教程。本文就是小程序?qū)W習(xí)筆記，整理成教程的形式，希望對于初學(xué)者有用。需要學(xué)會(huì)的主要知識(shí)點(diǎn)都會(huì)講到，目標(biāo)是你讀完這個(gè)教程，就能學(xué)會(huì)怎么寫小程序。2022-12-12
這篇文章主要介紹了webpack -v報(bào)錯(cuò)解決方案,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09
詳解JavaScript中的Object.is()與"==="運(yùn)算符總結(jié)
這篇文章主要介紹了詳解JavaScript中的Object.is()與"==="運(yùn)算符總結(jié)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
用js來定義瀏覽器中一個(gè)左右浮動(dòng)元素相對于頁面主體寬度的位置的函數(shù)
用js來定義瀏覽器中一個(gè)左右浮動(dòng)元素相對于頁面主體寬度的位置的函數(shù) 函數(shù)的參數(shù)：elem元素、頁面主體寬度(如：990、950寬)、elem與頁面主體DIV的左邊距2012-01-01
javascript 中select框觸發(fā)事件過程的分析
這篇文章主要介紹了javascript 中select框觸發(fā)事件過程的分析的相關(guān)資料,這里對select 觸發(fā)過程進(jìn)行了深入分析，幫助大家理解這部分內(nèi)容，需要的朋友可以參考下2017-08-08
本篇文章主要介紹了parabola.js拋物線與加入購物車效果的示例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
JavaScript基于對象方法實(shí)現(xiàn)數(shù)組去重及排序操作示例
這篇文章主要介紹了JavaScript基于對象方法實(shí)現(xiàn)數(shù)組去重及排序操作,涉及javascript基于對象方法的數(shù)組遍歷、比較、去重、排序等相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
2008-01-01
JavaScript數(shù)據(jù)結(jié)構(gòu)學(xué)習(xí)之?dāng)?shù)組、棧與隊(duì)列
這篇文章主要給大家介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之?dāng)?shù)組、棧與隊(duì)列的相關(guān)資料，文中對數(shù)組、棧與隊(duì)列的使用方法進(jìn)行了詳細(xì)的總結(jié)，相信對大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。2017-05-05