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

全局变量的定义
在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() {
    

    }
})