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


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 相关文章推荐
编辑浪子版表单验证类
May 12 Javascript
写出更好的JavaScript之undefined篇(上)
Nov 22 Javascript
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
Mar 24 Javascript
有关于JS构造函数的重载和工厂方法
Apr 07 Javascript
js的hasownproperty使用示例
Mar 02 Javascript
jQuery过滤选择器用法示例
Sep 12 Javascript
js图片放大镜实例讲解(必看篇)
Jul 17 Javascript
Vue表单demo v-model双向绑定问题
Jun 29 Javascript
JavaScript中this关键字用法实例分析
Aug 24 Javascript
自己动手封装一个React Native多级联动
Sep 19 Javascript
JavaScript实现tab栏切换效果
Mar 16 Javascript
11个Javascript小技巧帮你提升代码质量(小结)
Dec 28 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
114啦源码(114la)不能生成地方房产和地方报刊问题4级页面0字节的解决方法
2012/01/12 PHP
PHP数据类型之布尔型的介绍
2013/04/28 PHP
php Calender(日历)代码分享
2014/01/03 PHP
php将csv文件导入到mysql数据库的方法
2014/12/24 PHP
php实现的IMEI限制的短信验证码发送类
2015/05/05 PHP
php中使用gd库实现下载网页中所有图片
2015/05/12 PHP
CodeIgniter自定义控制器MY_Controller用法分析
2016/01/20 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
php注册系统和使用Xajax即时验证用户名是否被占用
2017/08/31 PHP
js将字符串转成正则表达式的实现方法
2013/11/13 Javascript
原生JavaScript实现合并多个数组示例
2014/09/21 Javascript
js限制文本框的输入内容代码分享(3类)
2015/08/20 Javascript
vue实现简单实时汇率计算功能
2017/01/15 Javascript
深入理解requireJS-实现一个简单的模块加载器
2018/01/15 Javascript
vue.js过滤器+ajax实现事件监听及后台php数据交互实例
2018/05/22 Javascript
微信小程序实现随机验证码功能
2018/12/20 Javascript
js实现随机数小游戏
2019/06/28 Javascript
layer弹出层自适应高度,垂直水平居中的实现
2019/09/16 Javascript
Python使用PyGreSQL操作PostgreSQL数据库教程
2014/07/30 Python
详解python并发获取snmp信息及性能测试
2017/03/27 Python
tensorflow实现对图片的读取的示例代码
2018/02/12 Python
Pytorch上下采样函数--interpolate用法
2020/07/07 Python
HTML5 Canvas 旋转风车绘制
2017/08/18 HTML / CSS
Html5 webview元素定位工具的实现
2020/08/07 HTML / CSS
AmazeUI 列表的实现示例
2020/08/17 HTML / CSS
Staples美国官方网站:办公用品一站式采购
2016/07/28 全球购物
CHRONEXT英国:您的首选奢华腕表目的地
2020/03/30 全球购物
路由表示做什么用的?在linux环境中怎么来配置一条默认路由?
2013/06/07 面试题
公司行政经理岗位职责
2013/12/24 职场文书
民生工程实施方案
2014/03/22 职场文书
教师中国梦演讲稿
2014/04/23 职场文书
民族学专业求职信
2014/07/28 职场文书
群众路线四风对照检查材料
2014/11/04 职场文书
2015年建党94周年演讲稿
2015/03/19 职场文书
2015年评职称工作总结范文
2015/04/20 职场文书
经典格言警句:没有热忱,世间便无进步
2019/11/13 职场文书