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

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()
相关推荐
OEC小胖胖6 小时前
告别 undefined is not a function:TypeScript 前端开发优势与实践指南
前端·javascript·typescript·web
行云&流水7 小时前
Vue3 Lifecycle Hooks
前端·javascript·vue.js
老虎06277 小时前
JavaWeb(苍穹外卖)--学习笔记04(前端:HTML,CSS,JavaScript)
前端·javascript·css·笔记·学习·html
三水气象台7 小时前
用户中心Vue3网页开发(1.0版)
javascript·css·vue.js·typescript·前端框架·html·anti-design-vue
烛阴8 小时前
Babel 完全上手指南:从零开始解锁现代 JavaScript 开发的超能力!
前端·javascript
CN-Dust8 小时前
[FMZ][JS]第一个回测程序--让时间轴跑起来
javascript
全宝9 小时前
🎨前端实现文字渐变的三种方式
前端·javascript·css
yanlele10 小时前
前端面试第 75 期 - 2025.07.06 更新前端面试问题总结(12道题)
前端·javascript·面试
妮妮喔妮10 小时前
【无标题】
开发语言·前端·javascript
fie888910 小时前
浅谈几种js设计模式
开发语言·javascript·设计模式