小程序全局本地存储和读取数据

globalData:全局存储信息

定义全局数据(在 app.js 中): 在 app.js 中,你可以通过 globalData 属性定义全局数据

javascript 复制代码
// app.js
App({
  globalData: {
    userInfo: null,
    systemInfo: null,
    theme: 'light'
  },
  onLaunch() {
    console.log('App launched');
  }
});

在页面或组件中访问

javascript 复制代码
// pages/home/home.js
Page({
  onLoad() {
    const app = getApp(); // 获取全局的 App 实例
    console.log('全局用户信息:', app.globalData.userInfo);
    console.log('全局系统信息:', app.globalData.systemInfo);
    console.log('全局主题:', app.globalData.theme);

    // 使用全局数据进行一些操作
    if (app.globalData.theme === 'dark') {
      this.setData({
        themeClass: 'dark-theme'
      });
    }
  }
});

更新全局数据

javascript 复制代码
// pages/profile/profile.js
Page({
  onLoad() {
    const app = getApp();
    app.globalData.userInfo = {
      name: 'Alice',
      age: 25
    };
    console.log('更新后的全局用户信息:', app.globalData.userInfo);
  }
});

wx.setStorageSync 同步设置本地存储

javascript 复制代码
// 将数据存储到本地缓存
wx.setStorageSync('userName', '张三');
wx.setStorageSync('userAge', 28);

wx.getStorageSync 同步获取本地存储

javascript 复制代码
// 从本地缓存中获取数据
const userName = wx.getStorageSync('userName');
const userAge = wx.getStorageSync('userAge');
console.log(userName); // 输出:张三
console.log(userAge);  // 输出:28

wx.removeStorageSync 本地缓存中移除指定的 key

javascript 复制代码
// 移除指定 key 的本地存储数据
wx.removeStorageSync('userName');

// 清除本地所有缓存数据
wx.clearStorageSync()
相关推荐
Glommer16 分钟前
某音 Js 逆向思路
javascript·逆向
街尾杂货店&19 分钟前
webpack - 单独打包指定JS文件(因为不确定打出的前端包所访问的后端IP,需要对项目中IP配置文件单独拿出来,方便运维部署的时候对IP做修改)
前端·javascript·webpack
月光技术杂谈21 分钟前
用Deepseek 实现一个基于web的扣图应用
前端·javascript·html5·ccs·tensorflow.js·canvas api
李慕婉学姐1 小时前
【开题答辩过程】以《自习室预约微信小程序》为例,不会开题答辩的可以进来看看
微信小程序·小程序
LB21121 小时前
苍穹外卖-购物车 前端修改(小程序主页与购物车模块显示不一致)
小程序
kevlin_coder1 小时前
🚀 实现同一个滚动区域包含多个虚拟滚动列表
前端·javascript
金梦人生1 小时前
JS 性能优化
前端·javascript
peachSoda71 小时前
自定义配置小程序tabbar逻辑思路
javascript·vue.js·微信小程序·小程序
hbqjzx1 小时前
记录一个自动学习的脚本开发过程
开发语言·javascript·学习
浪裡遊1 小时前
React开发模式解析:JSX语法与生命周期管理
前端·javascript·react.js·前端框架·ecmascript