• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > 微信小程序按顺序同步执行的两种方式分别是什么

微信小程序按顺序同步执行的两种方式分别是什么

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了微信小程序,同步执行等相关知识,希望对您有所帮助

微信小程序按顺序同步执行的两种方式分别是什么


前言:

小程序按顺序同步执行有如下两种方式:

第一种方式:回调函数执行,后一个方法写到前一个的回调函数中从而实现顺序执行

缺点:嵌套太多,代码混轮

第二种方式:async-await 同步执行,此方法等待前面方法执行完毕才继续后续执行

优点:代码可读性高

以检查文本安全性为例给出两种不同方式代码以供参考

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: 'XXXX',                image: "/assets/icon/icon-warning.png",            });            return        }    后续代码

回调方式

/** * 异步检查 */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: 'XXXX',                image: "/assets/icon/icon-warning.png",            });            return});    },


分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 手把手教你在微信小程序中使用canvas绘制天气折线图(附代码)
  • 微信小程序页面向下滚动时tab栏固定页面顶部实例讲解
  • uniapp实现微信小程序全局分享的示例代码
  • 浅析微信小程序中自定义组件的方法
  • 微信小程序发布新版本时自动提示用户更新的方法
  • 微信小程序wx.request使用POST请求时后端无法获取数据解决办法
  • 微信小程序如何获取到openid和session_key
  • PHP微信小程序解包过程实例详解
  • 微信小程序中的button按钮宽度设置无效怎么办
  • 微信小程序反编译提取源代码方法

相关文章

  • 2022-04-29浅谈怎么使用小程序实现一个变速大转盘
  • 2022-04-29百度统计升级屏蔽黑灰产信息功能
  • 2022-04-29Photoshop制作非常简洁的灰色质感导航栏
  • 2022-04-29vue3 watch和watchEffect的使用以及有哪些区别
  • 2022-04-29MySQL 日期加减函数汇总
  • 2022-04-29Photoshop制作银色质感的金属字教程
  • 2022-04-29DedeCMS输入Tags标签全角逗号自动变半角的方法
  • 2022-04-29CDR绘制活力城市/海报
  • 2022-04-29Discuz! X3.4特殊字符乱码解决方案!
  • 2022-04-29Javascript如何将时间字符串转化为时间

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • 利用滤镜及动作制作暗调金属质感立体字
    • Thinkphp5.1趣味实现学生扫码选座功能
    • 微信小程序选择图片和放大预览图片功能
    • Photoshop打造超现实燃烧效果
    • php中怎么实现ajax提交form表单
    • DEDECMS让广告延时加载,提高网页打开速度
    • 浅析网页与小程序间怎么进行通信
    • 详解Laravel前端工程化之mix
    • DEDECMS列表页缩略图添加alt信息的方法
    • 通过实例来了解Laravel中管道的使用方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有