微信小程序按順序同步執(zhí)行的兩種方式
小程序按順序執(zhí)行的兩種方式
1.回調(diào)函數(shù)執(zhí)行,后一個方法寫到前一個的回調(diào)函數(shù)中從而實現(xiàn)順序執(zhí)行,缺點是嵌套太多,代碼混亂
2.async-await 同步執(zhí)行,此方法等待前面方法執(zhí)行完畢才繼續(xù)后續(xù)執(zhí)行。代碼可讀性好
以檢查文本安全性為例給出兩種不同方式代碼以供參考
回調(diào)方式
/** * 同步檢查是否包含敏感詞 */ // async function checkString(content) { // try { // var res = await wx.cloud.callFunction({ // name: 'checkString', // data: { // content: content, // } // }); // if (res.result.errCode == 0) // return true; // return false; // } catch (err) { // console.log(err); // return false; // } // } // pubcom: async function (e) { // wx.showLoading({ // title: '加載中', // mask: true // }) // var that = this // var doc_id = that.data.commentID // var content = that.data.comcon // var formId = e.detail.formId; // if (!content) { // return // } // var isCheck = await common.checkString(content); // if (!isCheck) { // wx.showToast({ // title: '含有敏感詞', // image: "/assets/icon/icon-warning.png", // }); // return // } //后續(xù)代碼
async-await
/** * 異步檢查 */ function checkString(content,success,fail){ wx.cloud.callFunction({ name: 'checkString', data: { content: content, } }).then(res => { console.log(res); if (res.result.errCode == 0) success(res); }).catch(err => { console.error(err); fail(err); }); } pubcom: function (e) { wx.showLoading({ title: '加載中', mask: true }) var that = this var content = that.data.comcon if (!content) { return } common.checkString(content, function (res) { //成功代碼 }, function (err) { //失敗 wx.showToast({ title: '含有敏感詞', image: "/assets/icon/icon-warning.png", }); return}); },
總結(jié)
以上所述是小編給大家介紹的微信小程序按順序同步執(zhí)行的兩種方式,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!
相關(guān)文章
js控制href內(nèi)容的連接內(nèi)容的變化示例
這篇文章主要介紹了使用js控制href內(nèi)容的連接內(nèi)容的變化,需要的朋友可以參考下2014-04-04document.execCommand()的用法小結(jié)
本篇文章主要是對document.execCommand()的用法進行了詳細的介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01一定有你會用到的JavaScript一行代碼實用技巧總結(jié)
這篇文章主要為大家介紹了一定有你會用到的JavaScript一行代碼總結(jié),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-07-07利用IntersectionObserver實現(xiàn)動態(tài)渲染的示例詳解
IntersectionObserver誕生已經(jīng)有幾年了,所以它的兼容性目前已經(jīng)達到可以使用的程度了。本文主要介紹了如何利用IntersectionObserver實現(xiàn)動態(tài)渲染,感興趣的可以了解一下2022-12-12JS常見創(chuàng)建類的方法小結(jié)【工廠方式,構(gòu)造器方式,原型方式,聯(lián)合方式等】
這篇文章主要介紹了JS常見創(chuàng)建類的方法,結(jié)合實例形式總結(jié)分析了工廠方式,構(gòu)造器方式,原型方式,聯(lián)合方式等常見的javascript創(chuàng)建類的常用技巧與相關(guān)注意事項,需要的朋友可以參考下2017-04-04關(guān)于javascript event flow 的一個bug詳解
描述了firefox,safari 有一個bug和DOM 3 規(guī)范不一致:在event.currentTarget等于event.target的時候(即event flow處于target phase時),會調(diào)用添加到currentTarget上的useCapture為true的listener2013-09-09