微信小程序按顺序同步执行的两种方式分别是什么
3157
前言:
第一种方式:回调函数执行,后一个方法写到前一个的回调函数中从而实现顺序执行
缺点:嵌套太多,代码混轮
第二种方式:async-await 同步执行,此方法等待前面方法执行完毕才继续后续执行
优点:代码可读性高
以检查文本安全性为例给出两种不同方式代码以供参考
async-await
/** * 同步检查是否包含敏感词 */ 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: 'XXXX', image: "/assets/icon/icon-warning.png", }); return } 后续代码
回调方式
/** * 异步检查 */ 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: 'XXXX', image: "/assets/icon/icon-warning.png", }); return}); },
本文网址:https://www.zztuku.com/index.php/detail-8732.html
站长图库 - 微信小程序按顺序同步执行的两种方式分别是什么
申明:如有侵犯,请 联系我们 删除。
您还没有登录,请 登录 后发表评论!
提示:请勿发布广告垃圾评论,否则封号处理!!