小程序-回调函数

这篇具有很好参考价值的文章主要介绍了小程序-回调函数。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在JavaScript中,回调函数具体的定义为:函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式),就叫做匿名回调函数。

当需要使用回调函数时,需要预先定义一个函数体。而回调函数通常只是提供给其它模块进行调用,为了简化编码,javascript等脚本语言中提供了对匿名函数的支持。

回调函数的使用场合:资源加载(如动态加载js文件后执行回调,加载iframe后执行回调,ajax操作回调,图片加载完成执行回调,AJAX等)。

回调函数的传递:要将函数引用或者函数表达式作为参数传递

最好保证回调存在且必须是函数引用或者函数表达式:

(callback && typeof(callback) === "function") && callback();
  • 1

也就是微信小程序官方demo以及很多代码中会在函数中经常出现 typeof cb == “function” && cb(that.globalData.userInfo)一句。代码本身的含义是,判断cb是不是函数类型同时将一个参数传入名为cb的函数下。

以下是官方demo的app.js中获取用户信息的函数定义

getUserInfo:function(cb){
    var that = this
    if(this.globalData.userInfo){
      typeof cb == "function" && cb(this.globalData.userInfo)
    }else{
      //调用登录接口
      wx.login({
        success: function () {
          wx.getUserInfo({
            success: function (res) {
              that.globalData.userInfo = res.userInfo
              typeof cb == "function" && cb(that.globalData.userInfo)
            }
          })
        }
      })
    }
},

以下是在index.js中的onLoad函数的代码

onLoad: function () {
    console.log(‘onLoad函数开始执行’)
    var that = this
    //调用应用实例的方法获取全局数据
    app.getUserInfo(function(userInfo){
        //更新数据
        that.setData({
            userInfo:userInfo
        })
        console.log(‘用户数据存入当前页面’);
    })
}

解释:

  • 在getUserInfo的方法定义中,接收了名为cb的参数,使用时机就是在拿到用户信息的时候,如果这个cb类型为函数就执行名为cb这个函数。(即在调用wx.login时,传递了一个匿名函数进行调用成功后的逻辑处理,就是success后面的部分。可以看到这里只有函数定义而没有函数名称,因此除了作为回调函数外,也无法在其它地方调用该函数)

  • 再看函数调用,在index.js的onLoad方法中调用了这个函数并定义了一函数作为参数,函数的内容就是将传入的userInfo设置在当前页面的数据中。


执行步骤:

  • 当进入到index页面时首先会调用onLoad函数,然后会执行app.getUserInfo()函数(输出可以先忽略)

  • 在getUserInfo()函数中会先判断是本地是否保存有用户信息,第一次执行的时候肯定没有走else,执行登录方法,拿到用户信息然后执行typeof cb == “function” && cb(that.globalData.userInfo) 执行作为参数的函数的方法

  • 然后是用户信息获取成功,app.getUserInfo()函数会输出用户信息存入当前页面文章来源地址https://www.toymoban.com/news/detail-431365.html

到了这里,关于小程序-回调函数的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包