博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序中常见的 typeof cb == “function” && cb(that.globalData.userInfo)
阅读量:4048 次
发布时间:2019-05-25

本文共 1274 字,大约阅读时间需要 4 分钟。

微信小程序官方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 函数开始执行’,再然后是’用户数据获取成功’最后会输出’用户数据存入当前页面’。

 

 

转载地址:http://dfuci.baihongyu.com/

你可能感兴趣的文章
[今日关注]鼓吹“互联网泡沫,到底为了什么”
查看>>
[互联网学习]如何提高网站的GooglePR值
查看>>
[关注大学生]求职不可不知——怎样的大学生不受欢迎
查看>>
[关注大学生]读“贫困大学生的自白”
查看>>
[互联网关注]李开复教大学生回答如何学好编程
查看>>
[关注大学生]李开复给中国计算机系大学生的7点建议
查看>>
[关注大学生]大学毕业生择业:是当"鸡头"还是"凤尾"?
查看>>
[茶余饭后]10大毕业生必听得歌曲
查看>>
gdb调试命令的三种调试方式和简单命令介绍
查看>>
C++程序员的几种境界
查看>>
VC++ MFC SQL ADO数据库访问技术使用的基本步骤及方法
查看>>
VUE-Vue.js之$refs,父组件访问、修改子组件中 的数据
查看>>
Vue-子组件改变父级组件的信息
查看>>
Python自动化之pytest常用插件
查看>>
Python自动化之pytest框架使用详解
查看>>
【正则表达式】以个人的理解帮助大家认识正则表达式
查看>>
性能调优之iostat命令详解
查看>>
性能调优之iftop命令详解
查看>>
非关系型数据库(nosql)介绍
查看>>
移动端自动化测试-Windows-Android-Appium环境搭建
查看>>