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


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 相关文章推荐
validator验证控件使用代码
Nov 23 Javascript
javascript写的异步加载js文件函数(支持数组传参)
Jun 07 Javascript
node.js中的url.format方法使用说明
Dec 10 Javascript
js实现类似jquery里animate动画效果的方法
Apr 10 Javascript
javascript常用的方法整理
Aug 20 Javascript
Fullpage.js固定导航栏-实现定位导航栏
Mar 17 Javascript
require.js+vue开发微信上传图片组件
Oct 27 Javascript
AngularJS之自定义服务详解(factory、service、provider)
Apr 14 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
Jun 04 Javascript
js正则表达式校验指定字符串的方法
Jul 23 Javascript
vue下使用nginx刷新页面404的问题解决
Aug 02 Javascript
JavaScript实现栈结构详细过程
Dec 06 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旋转图片90度的方法
2013/11/07 PHP
PHP中使用匿名函数操作数据库的例子
2014/11/17 PHP
将FCKeditor导入PHP+SMARTY的实现方法
2015/01/15 PHP
在 Laravel 项目中使用 webpack-encore的方法
2019/07/21 PHP
JS验证控制输入中英文字节长度(input、textarea等)具体实例
2013/06/21 Javascript
js中点击空白区域时文本框与隐藏层的显示与影藏问题
2013/08/26 Javascript
jquery移除、绑定、触发元素事件使用示例详解
2014/04/10 Javascript
Node.js(安装,启动,测试)
2014/06/09 Javascript
JS获取月份最后天数、最大天数与某日周数的方法
2015/12/08 Javascript
浅析Jquery操作select
2016/12/13 Javascript
详解JavaScript的闭包、IIFE、apply、函数与对象
2016/12/21 Javascript
JavaScript事件冒泡与事件捕获实例分析
2018/08/01 Javascript
Vue+Element实现表格编辑、删除、以及新增行的最优方法
2019/05/28 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
2019/11/01 Javascript
[54:06]OG vs TNC 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python使用webbrowser浏览指定url的方法
2015/04/04 Python
Python常用随机数与随机字符串方法实例
2015/04/09 Python
python 写的一个爬虫程序源码
2016/02/28 Python
python实现的接收邮件功能示例【基于网易POP3服务器】
2019/09/11 Python
python GUI库图形界面开发之PyQt5窗口控件QWidget详细使用方法
2020/02/26 Python
python使用梯度下降和牛顿法寻找Rosenbrock函数最小值实例
2020/04/02 Python
TensorFlow使用Graph的基本操作的实现
2020/04/22 Python
Python内置函数locals和globals对比
2020/04/28 Python
python3 通过 pybind11 使用Eigen加速代码的步骤详解
2020/12/07 Python
船餐厅和泰晤士河餐饮游轮:Bateaux London
2018/03/19 全球购物
介绍一下JMS编程步骤
2015/09/22 面试题
Java的类与C++的类有什么不同
2014/01/18 面试题
优秀毕业生自我鉴定
2014/02/11 职场文书
《雾凇》教学反思
2014/02/17 职场文书
建议书的格式
2014/05/12 职场文书
授权委托书格式
2014/07/31 职场文书
一年级班主任工作总结2014
2014/11/08 职场文书
客户答谢会致辞
2015/07/30 职场文书
物资采购管理制度
2015/08/06 职场文书
2016年十一促销广告语
2016/01/28 职场文书