微信小程序中常见的 typeof cb == “function” && cb(that.globalData.userInfo)

微信小程序官方demo以及很多代码中会在函数中经常出现

typeof cb == “function” && 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 函数开始执行’，再然后是’用户数据获取成功’最后会输出’用户数据存入当前页面’。