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


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 multibox 全选
Mar 22 Javascript
JavaScript Cookie 直接浏览网站分网址
Dec 08 Javascript
常用的JS验证和函数汇总
Dec 23 Javascript
js判断手机和pc端选择不同执行事件的方法
Jan 30 Javascript
RequireJS使用注意细节
May 15 Javascript
避免jQuery名字冲突 noConflict()方法
Jul 30 Javascript
原生javascript移动端滑动banner效果
Mar 10 Javascript
详解RequireJs官方使用教程
Oct 31 Javascript
在Create React App中启用Sass和Less的方法示例
Jan 16 Javascript
jquery中attr、prop、data区别与用法分析
Sep 25 jQuery
Vue事件处理原理及过程详解
Mar 11 Javascript
关于Vue中$refs的探索浅析
Nov 05 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读注册表
2006/10/09 PHP
php下使用SMTP发邮件的代码
2008/01/10 PHP
PHP实现基于回溯法求解迷宫问题的方法详解
2017/08/17 PHP
基于jQuery的让非HTML5浏览器支持placeholder属性的代码
2011/05/24 Javascript
JQuery插件Style定制化方法的分析与比较
2012/05/03 Javascript
js编写贪吃蛇的小游戏
2020/08/24 Javascript
基于原生js淡入淡出函数封装(兼容IE)
2016/10/20 Javascript
AngularJS extend用法详解及实例代码
2016/11/15 Javascript
解析jQueryEasyUI的使用
2016/11/22 Javascript
使用jQuery操作DOM的方法小结
2017/02/27 Javascript
微信分享调用jssdk实例
2017/06/08 Javascript
基于vue.js路由参数的实例讲解——简单易懂
2017/09/07 Javascript
用ES6写全屏滚动插件的示例代码
2018/05/02 Javascript
vue.js中proxyTable 转发请求的实现方法
2018/09/20 Javascript
借助云开发实现小程序短信验证码的发送
2020/01/06 Javascript
Python列表计数及插入实例
2014/12/17 Python
python 读取excel文件生成sql文件实例详解
2017/05/12 Python
Pandas之MultiIndex对象的示例详解
2019/06/25 Python
安装好Pycharm后如何配置Python解释器简易教程
2019/06/28 Python
python爬虫的一个常见简单js反爬详解
2019/07/09 Python
最小二乘法及其python实现详解
2020/02/24 Python
python查找特定名称文件并按序号、文件名分行打印输出的方法
2020/04/24 Python
Python爬虫基于lxml解决数据编码乱码问题
2020/07/31 Python
python判断一个变量是否已经设置的方法
2020/08/13 Python
pytorch 计算Parameter和FLOP的操作
2021/03/04 Python
纯CSS3实现漂亮的input输入框动画样式库(Text input love)
2018/12/29 HTML / CSS
基于 HTML5 的 WebGL 3D 版俄罗斯方块的示例代码
2018/05/28 HTML / CSS
Capitol Lighting的1800lighting.com:住宅和商业照明
2019/04/10 全球购物
乌克兰在线药房:Аптека24
2019/10/30 全球购物
美国家居装饰购物网站:Amanda Lindroth
2020/03/25 全球购物
毕业生应聘幼儿园的自荐信
2013/11/20 职场文书
大学生暑期实践感言
2014/02/26 职场文书
三八妇女节标语
2014/10/09 职场文书
python实现三阶魔方还原的示例代码
2021/04/28 Python
springboot 自定义配置 解决Boolean属性不生效
2022/03/18 Java/Android
SQL Server使用导出向导功能
2022/04/08 SQL Server