小程序模板网

json时间格式化处理,typeof cb == “function” && cb(that.globalData.userInfo) ...

发布时间:2018-04-14 14:43 所属栏目:小程序开发教程

一:json时间格式化处理

分享者:大侠,原文地址 
//打开微信小程序后,部分模板绑定数据是通过接口调取的,当遇到数据的时间被json格式化后,需要正常的显示。可以通过扩展一个方法去处理时间。 
1.打开utils里的utils.js ,也可以按照自己的习惯添加我们需要扩展的函数renderTime,方法如下

 

				
  1. function renderTime(date) {
  2. var da = new Date(parseInt(date.replace("/Date(", "").replace(")/", "").split("+")[0]));
  3. var Year = da.getFullYear(); //ie火狐下都可以
  4. var Month = da.getMonth() + 1;
  5. var Day = da.getDate();
  6. var Hours=da.getHours();
  7. var Minutes=da.getMinutes();
  8. var Seconds=da.getSeconds();
  9. var CurrentDate = "";
  10. CurrentDate += Year + "-";
  11. if (Month >= 10) {
  12. CurrentDate += Month + "-";
  13. }
  14. else {
  15. CurrentDate += "0" + Month + "-";
  16. }
  17. if (Day >= 10) {
  18. CurrentDate += Day;
  19. }
  20. else {
  21. CurrentDate += "0" + Day;
  22. }
  23. if (Hours <10) {
  24. Hours = "0" + Hours;
  25. }
  26. if (Minutes < 10) {
  27. Minutes ="0"+ Minutes;
  28. }
  29. if (Seconds < 10) {
  30. Seconds ="0"+ Seconds;
  31. }
  32. return CurrentDate + " " + Hours + ":" + Minutes + ":" + Seconds;
  33. }
 

				
  1. //引用的话,只需要在你的页面下的js里
  2. var util = require('../../utils/util.js'); 你放置这个函数。
  3. 当然,utils里的
  4. //扩展的方法需要在Module里去声明
  5. module.exports = {
  6. renderTime:renderTime
  7. }
  8. 调用方法。便是 util.renderTime(date);即可。
 

二:typeof cb == “function” && cb(that.globalData.userInfo)的理解

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

 

				
  1. getUserInfo:function(cb){
  2. console.log(‘getUserInfo 函数开始执行’);
  3. var that = this
  4. if(this.globalData.userInfo){
  5. typeof cb == “function” && cb(this.globalData.userInfo)
  6. }else{
  7. //调用登录接口
  8. wx.login({
  9. success: function () {
  10. wx.getUserInfo({
  11. success: function (res) {
  12. console.log(‘用户数据获取成功’);
  13. that.globalData.userInfo = res.userInfo
  14. typeof cb == “function” && cb(that.globalData.userInfo)
  15. }
  16. })
  17. }
  18. })
  19. }
  20. }

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

 

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

解释:在getUserInfo的方法定义中,接收了名为cb的参数,使用时机就是在拿到用户信息的时候,如果这个cb类型为函数就执行名为cb这个函数。再看函数调用,在index.js的onLoad方法中调用了这个函数并定义了一函数作为参数,函数的内容就是将传入的userInfo设置在当前页面的数据中。

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



易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23379.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询