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


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 相关文章推荐
js的闭包的一个示例说明
Nov 18 Javascript
window.location.hash 属性使用说明
Mar 20 Javascript
jquery ajax同步异步的执行最终解决方案
Apr 26 Javascript
跟我学习javascript的Date对象
Nov 19 Javascript
javascript Slip.js实现整屏滑动的手机网页
Nov 25 Javascript
深入浅析react native es6语法
Dec 09 Javascript
jquery Deferred 快速解决异步回调的问题
Apr 05 Javascript
javascript Promise简单学习使用方法小结
May 17 Javascript
JS基于贪心算法解决背包问题示例
Nov 27 Javascript
微信小程序跨页面数据传递事件响应实现过程解析
Dec 19 Javascript
jQuery实现计算器功能
Oct 19 jQuery
解决ant Design Search无法输入内容的问题
Oct 29 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反向代理类代码
2014/08/15 PHP
PHP安装memcached扩展笔记
2015/05/28 PHP
详解PHP如何更好的利用PHPstorm的自动提示
2017/08/18 PHP
js 创建快捷方式的代码(fso)
2010/11/19 Javascript
纯js分页代码(简洁实用)
2013/11/05 Javascript
jQuery - css() 方法示例详解
2014/01/16 Javascript
JavaScript计算某一天是星期几的方法
2015/08/05 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
2020/11/18 Javascript
jQuery实现浮动层随浏览器滚动条滚动的方法
2015/09/22 Javascript
jquery调整表格行tr上下顺序实例讲解
2016/01/09 Javascript
基于javascript实现动态显示当前系统时间
2016/01/28 Javascript
JavaScript的React框架中的JSX语法学习入门教程
2016/03/05 Javascript
跨域资源共享 CORS 详解
2016/04/26 Javascript
利用浮层使select不可选的实现方法
2016/12/03 Javascript
常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)
2016/12/20 Javascript
基于js中document.cookie全面解析
2017/09/14 Javascript
swiper插件自定义切换箭头按钮
2017/12/28 Javascript
vue中子组件调用兄弟组件方法
2018/07/06 Javascript
vue语法自动转typescript(解放双手)
2019/09/18 Javascript
生成无限制的微信小程序码的示例代码
2019/09/20 Javascript
深入探索VueJS Scoped CSS 实现原理
2019/09/23 Javascript
python处理文本文件并生成指定格式的文件
2014/07/31 Python
状态机的概念和在Python下使用状态机的教程
2015/04/11 Python
Python psutil模块简单使用实例
2015/04/28 Python
python实现读取并显示图片的两种方法
2017/01/13 Python
python遍历一个目录,输出所有的文件名的实例
2018/04/23 Python
Python能做什么
2020/06/02 Python
Python实现验证码识别
2020/06/15 Python
如何在python中处理配置文件代码实例
2020/09/27 Python
Johnson Fitness澳大利亚:高级健身器材
2021/03/16 全球购物
中秋节礼品促销方案
2014/02/02 职场文书
军神教学反思
2014/02/04 职场文书
新春文艺演出主持词
2014/03/27 职场文书
大学生联谊活动策划书(光棍节)
2014/10/10 职场文书
会计主管岗位职责
2015/04/02 职场文书
酒店圣诞节活动总结
2015/05/06 职场文书