Dieses Mal präsentiere ich Ihnen die API-Kapselung des WeChat Mini-Programms. Was sind die Vorsichtsmaßnahmen für die API-Kapselung des WeChat Mini-Programms?
Gründe für Versprechen
Die API des WeChat-Applets verwendet den Parameter-Callback-Modus object, der leicht zur Callback-Hölle führen und den Code erschweren kann zum Lesen, Beurteilen, Ändern und Debuggen.
WeChat-Applet-API-Beispiel
// 获取用户信息
wx.getSetting({
success: res => {
if (res.authSetting['scope.userInfo']) {
// 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
wx.getUserInfo({
success: res => {
// 可以将 res 发送给后台解码出 unionId
this.globalData.userInfo = res.userInfo
}
})
}
}
})Es ist ersichtlich, dass, wenn es zwei Ebenen gibt, Der Code ist sehr umständlich
Miniprogramm versprechen
Schreiben Sie eine öffentliche Funktion, die die Miniprogramm-API versprechen kann
function promisify (method, options = {}) {
return new Promise((resolve, reject) => {
// 将options对象赋值 然后再传给下面调用的方法中
options.success = resolve
options.fail = err => {
reject(err)
}
wx[method](options)
})
}Die zusätzlich übergebenen Parameter werden durch Objektdekonstruktion übergeben
promisify('getUserInfo')
.then((res) => console.log(res))
.catch((err) => {console.error(err)})
promisify('navigateTo', { url })Ich glaube, Sie haben die Methode beherrscht, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie unter Bitte beachten Sie andere verwandte Artikel auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Angular6.0 implementiert die Funktion „Lazy Loading“ von Komponenten (mit Code)
Das obige ist der detaillierte Inhalt vonAPI-Kapselung des WeChat Mini-Programms. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
