微信小程序按顺序同步执行的两种方式


Posted in Javascript onDecember 20, 2019

小程序按顺序执行的两种方式

1.回调函数执行,后一个方法写到前一个的回调函数中从而实现顺序执行,缺点是嵌套太多,代码混乱

2.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: '含有敏感词',
 // image: "/assets/icon/icon-warning.png",
 // });
 // return
 // }
 //后续代码

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});
 },

总结

以上所述是小编给大家介绍的微信小程序按顺序同步执行的两种方式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
javascript Array对象基础知识小结
Nov 16 Javascript
基于Jquery的动态创建DOM元素的代码
Dec 28 Javascript
JS显示表格内指定行html代码的方法
Mar 31 Javascript
js获取隐藏元素宽高的实现方法
May 19 Javascript
js利用for in循环获取 一个对象的所有属性以及值的实例
Mar 30 Javascript
Angular2+国际化方案(ngx-translate)的示例代码
Aug 23 Javascript
React Native 使用Fetch发送网络请求的示例代码
Dec 02 Javascript
微信web端后退强制刷新功能的实现代码
Mar 04 Javascript
vue-cli 组件的导入与使用教程详解
Apr 11 Javascript
JS html事件冒泡和事件捕获操作示例
May 01 Javascript
简单了解JavaScript中常见的反模式
Jun 21 Javascript
jquery实现图片无缝滚动 蒙版遮蔽效果
Jan 11 jQuery
Vuex实现数据共享的方法
Dec 20 #Javascript
React 实现车牌键盘的示例代码
Dec 20 #Javascript
jquery实现商品sku多属性选择功能(商品详情页)
Dec 20 #jQuery
JavaScript实现简单计算器功能
Dec 19 #Javascript
微信小程序跨页面数据传递事件响应实现过程解析
Dec 19 #Javascript
js通过循环多张图片实现动画效果
Dec 19 #Javascript
JS实现水平移动与垂直移动动画
Dec 19 #Javascript
You might like
php使用cookie显示用户上次访问网站日期的方法
2015/01/26 PHP
功能强大的PHP图片处理类(水印、透明度、旋转)
2015/10/21 PHP
功能强大的php分页函数
2016/07/20 PHP
PHP中in_array的隐式转换的解决方法
2018/03/06 PHP
PHP实现chrome表单请求数据转换为接口使用的json数据
2021/03/04 PHP
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
2011/03/28 Javascript
Js数组的操作push,pop,shift,unshift等方法详细介绍
2012/12/28 Javascript
JavaScript lastIndexOf方法入门实例(计算指定字符在字符串中最后一次出现的位置)
2014/10/17 Javascript
jQuery中ready事件用法实例
2015/01/19 Javascript
window.onerror()的用法与实例分析
2016/01/27 Javascript
jquery插件方式实现table查询功能的简单实例
2016/06/06 Javascript
JavaScript函数节流概念与用法实例详解
2016/06/20 Javascript
浅谈jQuery双事件多重加载的问题
2016/10/05 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
2017/01/15 Javascript
javascript设计模式之单体模式学习笔记
2017/02/15 Javascript
微信小程序实现顶部选项卡(swiper)
2020/06/19 Javascript
js中call()和apply()改变指针问题的讲解
2019/01/17 Javascript
JavaScript中的ES6 Proxy的具体使用
2019/06/16 Javascript
vue轮播组件实现$children和$parent 附带好用的gif录制工具
2019/09/26 Javascript
微信小程序上传帖子的实例代码(含有文字图片的微信验证)
2020/07/11 Javascript
深入浅析Python字符编码
2015/11/12 Python
python随机数分布random测试
2018/08/27 Python
Python中的 enum 模块源码详析
2019/01/09 Python
OpenCV搞定腾讯滑块验证码的实现代码
2019/05/18 Python
Python使用Opencv实现图像特征检测与匹配的方法
2019/10/30 Python
关于TensorFlow新旧版本函数接口变化详解
2020/02/10 Python
Python 实现日志同时输出到屏幕和文件
2020/02/19 Python
伦敦平价潮流珠宝首饰品牌:Astrid & Miyu
2016/10/10 全球购物
测量实习生自我鉴定
2013/09/19 职场文书
《夏夜多美》教学反思
2014/02/17 职场文书
酒店管理求职信
2014/06/09 职场文书
工地标语大全
2014/06/18 职场文书
元旦晚会活动总结
2014/07/09 职场文书
2015年安全教育月活动总结
2015/03/26 职场文书
2015年秋季小学开学标语
2015/07/16 职场文书
Python源码解析之List
2021/05/21 Python