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

所属分类: 网络编程 / JavaScript 阅读数: 2005
收藏 0 赞 0 分享

小程序按顺序执行的两种方式

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});
 },

以上所述是小编给大家介绍的微信小程序按顺序同步执行的两种方式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

更多精彩内容其他人还在看

js单独获取一个checkbox看其是否被选中

这篇文章主要与大家分享js获取一个checkbox看其是否被选中的具体实现,很简单,但很实用,需要的朋友可以参考下
收藏 0 赞 0 分享

js变量、作用域及内存详解

本文主要详细分析了JS变量,作用域以及内存问题,同时附上非常多的实例,方便大家理解这3个概念,是篇不可多得的文章,希望对大家有所帮助
收藏 0 赞 0 分享

深入理解javascript作用域和闭包

作用域和作用域链是javascript中非常重要的特性,对于他们的理解直接关系到对于整个javascript体系的理解,而闭包又是对作用域的延伸,也是在实际开发中经常使用的一个特性,实际上,不仅仅是javascript,在很多语言中都提供了闭包的特性。
收藏 0 赞 0 分享

IE6 hack for js 集锦

本文主要讲诉了使用js实现网站功能兼容IE6,非常的实用的小技巧,有需要的朋友可以参考下
收藏 0 赞 0 分享

Javascript的setTimeout()使用闭包特性时需要注意的问题

这篇文章主要介绍了Javascript的setTimeout(0)使用闭包特性时需要注意的问题,需要的朋友可以参考下
收藏 0 赞 0 分享

常用的jquery模板插件——jQuery Boilerplate介绍

Query Boilerplate是一个不错的jQuery插件开发工具,使用这个工具可以帮助你快速的构建一个jQuery框架。这个工具提供你很多评论用以帮助你使得开发变得简单和直接,它是个真正的面对对象的工具,你可以实现公开或者私有的方法或者公开或者私有的属性。
收藏 0 赞 0 分享

深入理解javascript构造函数和原型对象

对象,是javascript中非常重要的一个梗,是否能透彻的理解它直接关系到你对整个javascript体系的基础理解,说白了,javascript就是一群对象在搅。。(哔!)。
收藏 0 赞 0 分享

深入理解javascript原型链和继承

这篇文章主要介绍了javascript原型链和继承的概念,以及使用原型链实现继承、经典继承、组合式继承、寄生组合式继承。非常实用,是篇非常不错的文章,这里推荐给大家。
收藏 0 赞 0 分享

再探JavaScript作用域

这篇文章主要介绍了再探JavaScript作用域,本文用简洁的语言和直观的测试结果图片给大家讲解JavaScript的作用域,需要的朋友可以参考下
收藏 0 赞 0 分享

JavaScript获取图片真实大小代码实例

这篇文章主要介绍了JavaScript获取图片真实大小代码实例,本文使用onload事件来获取图片的真实大小,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多