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


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对象和DOM对象的相互转化实现代码
Mar 02 Javascript
使用javascipt---实现二分查找法
Apr 10 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
May 10 Javascript
jquery ui bootstrap 实现自定义风格
Nov 14 Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
Mar 31 Javascript
javascript动态获取登录时间和在线时长
Feb 25 Javascript
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
Apr 18 Javascript
jquery实现百叶窗效果
Jan 12 Javascript
AngularJS 单选框及多选框的双向动态绑定
Apr 20 Javascript
jquery实现提示语淡入效果
May 05 jQuery
不得不看之JavaScript构造函数及new运算符
Aug 21 Javascript
jquery动态添加带有样式的HTML标签元素方法
Feb 24 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实现的生成静态HTML速度快类库
2007/03/31 PHP
PHP+MySQL 手工注入语句大全 推荐
2009/10/30 PHP
给初学者的30条PHP最佳实践(荒野无灯)
2011/08/02 PHP
php中使用$_REQUEST需要注意的一个问题
2013/05/02 PHP
PHP自动生成后台导航网址的最佳方法
2013/08/27 PHP
php定时计划任务与fsockopen持续进程实例
2014/05/23 PHP
PHP实现自动对图片进行滚动显示的方法
2015/03/12 PHP
PHP大文件分片上传的实现方法
2018/10/28 PHP
jQuery获取样式中的背景颜色属性值/颜色值
2012/12/17 Javascript
Three.js源码阅读笔记(基础的核心Core对象)
2012/12/27 Javascript
JavaScript判断FileUpload控件上传文件类型
2015/09/28 Javascript
AngularJS基础 ng-copy 指令实例代码
2016/08/01 Javascript
浅谈JavaScript 数据属性和访问器属性
2016/09/01 Javascript
纯JavaScript手写图片轮播代码
2016/10/20 Javascript
Nodejs调用WebService的示例代码
2017/09/29 NodeJs
AngularJS中下拉框的高级用法示例
2017/10/11 Javascript
微信小程序实现分享到朋友圈功能
2018/07/19 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
2020/04/06 Javascript
Vue Object 的变化侦测实现代码
2020/04/15 Javascript
微信小程序实现发微博功能的示例代码
2020/06/24 Javascript
JS实现拖拽元素时与另一元素碰撞检测
2020/08/27 Javascript
Vue插槽_特殊特性slot,slot-scope与指令v-slot说明
2020/09/04 Javascript
OpenLayers3实现图层控件功能
2020/09/25 Javascript
多种类型jQuery网页验证码插件代码实例
2021/01/09 jQuery
win7 下搭建sublime的python开发环境的配置方法
2014/06/18 Python
跟老齐学Python之类的细节
2014/10/13 Python
python安装pywin32clipboard的操作方法
2019/01/24 Python
Python一个简单的通信程序(客户端 服务器)
2019/03/06 Python
Python 的AES加密与解密实现
2019/07/09 Python
python实现横向拼接图片
2020/03/23 Python
金鑫耀Java笔试题
2014/09/06 面试题
机电一体化专业应届本科生求职信
2013/09/27 职场文书
小区消防演习方案
2014/02/21 职场文书
安全演讲稿开场白
2014/08/25 职场文书
志愿者工作心得体会
2016/01/15 职场文书
《小小的船》教学反思
2016/02/18 职场文书