onLaunch与onLoad同步获取用户数据

Posted 2020-11-21 tomandjerry

前言

在开发项目的时候遇到从全局获取用户信息，逻辑是从app.js中的onLauch获取，page页面的onLoad拿到数据填充到页面。遇到的问题是onLauch与onLoad是异步的，没办法从页面判断app.js中获取数据的先后，于是参照网上的方式用回调进行处理。

代码

app.js

App({
    globalData: {
       //需要获取的数据 
       userInfo: null,
       //回调函数
       cb: null 
    },
  onLauch: function(){
        //异步获取用户数据
        wx.request({
            url: '/api/getUserInfo',
            success: res => {
                this.globalData.userInfo = res.data.userInfo;
                cb && cb(res.data.userInfo);
            }
        })
    }
})

index.js

const app = getApp();

Page({
  data: {},
  onLoad: function(){
      if(app.globalData.userInfo){
            this.setData({
                userInfo: app.globalData.userInfo
            })
      } else {
            app.globalData.cb = (userInfo) => {
                this.setData({
                    userInfo
                })
            } 
        }
  }
})