微信小程序：全局状态变量的使用

全局变量的定义
在app.ts 文件中设置，globalData对象就是存储全局变量的。

// app.ts
App<IAppOption>({
  globalData: {
    userName: 'Yan'
  },
  onLaunch() {
    // 展示本地存储能力
    const logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)

    // 登录
    wx.login({
      success: res => {
        console.log(res.code)
        // 发送 res.code 到后台换取 openId, sessionKey, unionId
      },
    })
  },
})

设置全局变量的值

<!--pages/study/index.wxml-->
<text>pages/study/index.wxml</text>
<view>{{text}}</view>
<button type="primary" 	bindtap="getInfo">点击获取信息</button>
<view>yici</view>
<button type="primary" 	bindtap="setGlobal">设置全局变量</button>

  setGlobal(){
      app1.globalData.userName = 'Hello Yanpppp'
  }

全局变量的使用

<!--pages/note.wxml-->
<text>pages/note.wxml</text>
<view>{{text}}</view>
<view>ooo</view>

// pages/note.ts
const appNote = getApp();

Page({

    /**
     * 页面的初始数据
     */
    data: {
        text: appNote?.globalData.userName,
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad() {

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {
       
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})