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


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 相关文章推荐
jquery中this的使用说明
Sep 06 Javascript
使用Grunt.js管理你项目的应用说明
Apr 24 Javascript
js如何实现设计模式中的模板方法
Jul 23 Javascript
javascript动态设置样式style实例分析
May 13 Javascript
利用原生JS自动生成文章标题树的实例
Aug 22 Javascript
jQuery使用animate实现ul列表项相互飘动效果示例
Sep 16 Javascript
dul无法加载bootstrap实现unload table/user恢复
Sep 29 Javascript
手动初始化Angular的模块与控制器
Dec 26 Javascript
小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)
Apr 25 Javascript
对Layer弹窗使用及返回数据接收的实例详解
Sep 26 Javascript
vue子传父关于.sync与$emit的实现
Nov 05 Javascript
element-ui和vue表单(对话框)验证提示语(残留)清除操作
Sep 11 Javascript
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中通过语义URL防止网站被攻击的方法分享
2011/09/08 PHP
js小技巧--自动隐藏红叉叉
2007/08/13 Javascript
ExtJS[Desktop]实现图标换行示例代码
2013/11/17 Javascript
JavaScript中setInterval的用法总结
2013/11/20 Javascript
jQuery简单tab切换效果实现方法
2015/04/08 Javascript
举例简介AngularJS的内部语言环境
2015/06/17 Javascript
JavaScript判断对象是否为数组
2015/12/22 Javascript
Bootstrap表单Form全面解析
2016/06/13 Javascript
浅谈JavaScript中的this指针和引用知识
2016/08/05 Javascript
基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询
2016/10/30 Javascript
jQuery实现立体式数字滚动条增加效果
2016/12/21 Javascript
Node.js数据库操作之查询MySQL数据库(二)
2017/03/04 Javascript
React.js中常用的ES6写法总结(推荐)
2017/05/09 Javascript
详解vue 配合vue-resource调用接口获取数据
2017/06/22 Javascript
手机注册发送验证码倒计时的简单实例
2017/11/15 Javascript
[43:57]Liquid vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
Python使用稀疏矩阵节省内存实例
2014/06/27 Python
python字典排序实例详解
2015/05/20 Python
Python线程池模块ThreadPoolExecutor用法分析
2018/12/28 Python
从0开始的Python学习014面向对象编程(推荐)
2019/04/02 Python
python3 动态模块导入与全局变量使用实例
2019/12/22 Python
python如何求数组连续最大和的示例代码
2020/02/04 Python
filter使用python3代码进行迭代元素的实例详解
2020/12/03 Python
基于Python实现天天酷跑功能
2021/01/06 Python
Python字符串的15个基本操作(小结)
2021/02/03 Python
加拿大女鞋品牌:ALDO
2016/11/13 全球购物
Omio西班牙:全欧洲低价大巴、火车和航班搜索和比价
2017/02/11 全球购物
应届毕业生简历自我评价
2014/01/31 职场文书
中学教师请假制度
2014/02/03 职场文书
小学教师寄语大全
2014/04/03 职场文书
建筑安全责任书范本
2014/07/24 职场文书
先进党组织事迹材料
2014/12/26 职场文书
销售督导岗位职责
2015/04/10 职场文书
暑假打工感想
2015/08/07 职场文书
推广普通话主题班会
2015/08/17 职场文书
2016年劳模先进事迹材料
2016/02/25 职场文书