zoukankan      html  css  js  c++  java
  • 微信小程序中常见的typeof cb == “function” && cb(that.globalData.userInfo)

    信小程序官方demo以及很多代码中会在函数中经常出现typeof cb  “” && cb(that.globalData.userInfo)一句。开始很不明白,网上的回答大多也是一知半解,查了官方的api配合demo的代码,终于搞清楚了。
    代码本身的含义是,判断cb是不是函数类型同时将一个参数传入名为cb的函数下,这样看似乎还是不明白,那就加上源码来看。

    1.以下是官方demo中获取用户信息的函数定义
    getUserInfo:function(cb){
    console.log(‘getUserInfo 函数开始执行’);
    var that = this
    if(this.globalData.userInfo){
    typeof cb == “function” && cb(this.globalData.userInfo)
    }else{
    //调用登录接口
    wx.login({
    success: function () {
    wx.getUserInfo({
    success: function (res) {
    console.log(‘用户数据获取成功’);
    that.globalData.userInfo = res.userInfo
    typeof cb == “function” && cb(that.globalData.userInfo)
    }
    })
    }
    })
    }
    }

    2.以下是在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这个函数。再看函数调用,在index.js的onLoad方法中调用了这个函数并定义了一函数作为参数,函数的内容就是将传入的userInfo设置在当前页面的数据中。

    执行步骤:当进入到index页面时首先会调用onLoad函数,然后会执行app.getUserInfo()函数(输出可以先乎略),在getUserInfo()函数中会先判断是本地是否保存有用户信息,第一次执行的时候肯定没有走else,执行登录方法,拿到用户信息然后执行typeof cb == “function” && cb(that.globalData.userInfo) 执行作为参数的函数的方法,按输出信息走就是这样一个过程,先输出’onLoad方法开始执行’,然后是’getUserInfo 函数开始执行’,再然后是’用户数据获取成功’最后会输出’用户数据存入当前页面’。

    标签:

  • 相关阅读:
    Linux动态链接(4)ldd与ldconfig
    Linux动态链接(3)so文件映射地址
    Linux动态链接(2)so初始化执行
    Linux动态链接(1)惰性链接
    kill信号由谁接收处理
    gdb调试器之"测不准原则"
    gdb动态库延迟断点及线程/进程创建相关事件处理(下)
    gdb动态库延迟断点及线程/进程创建相关事件处理(上)
    Redis集群,备份,哨兵机制
    hyper-v虚拟机centos7网络配置
  • 原文地址:https://www.cnblogs.com/gzhbk/p/12124838.html
Copyright © 2011-2022 走看看