美文网首页
小程序中的回调函数

小程序中的回调函数

作者: 陈大帅 | 来源:发表于2022-12-06 17:03 被阅读0次

    在JavaScript中,回调函数具体的定义为:函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式),就叫做匿名回调函数。
    当需要使用回调函数时,需要预先定义一个函数体。而回调函数通常只是提供给其它模块进行调用,为了简化编码,javascript等脚本语言中提供了对匿名函数的支持。
    回调函数的使用场合:资源加载(如动态加载js文件后执行回调,加载iframe后执行回调,ajax操作回调,图片加载完成执行回调,AJAX等)。
    回调函数的传递:要将函数引用或者函数表达式作为参数传递

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

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

    也就是微信小程序官方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(‘用户数据存入当前页面’);
        })
    }
    

    原文地址:小程序-回调函数

    相关文章

      网友评论

          本文标题:小程序中的回调函数

          本文链接:https://www.haomeiwen.com/subject/nbrifdtx.html