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

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()
相关推荐
2501_915921432 小时前
小团队如何高效完成 uni-app iOS 上架,从分工到工具组合的实战经验
android·ios·小程序·uni-app·cocoa·iphone·webview
yanlele2 小时前
前端面试第 78 期 - 2025.09.07 更新 Nginx 专题面试总结(12 道题)
前端·javascript·面试
影子信息3 小时前
el-tree 点击父节点无效,只能选中子节点
前端·javascript·vue.js
徐小夕3 小时前
用Vue3写了一款协同文档编辑器,效果简直牛!
前端·javascript·vue.js
wangbing11253 小时前
界面规范8-文字
前端·javascript·html
qczg_wxg3 小时前
高阶组件介绍
开发语言·javascript·react native·ecmascript
小菜全4 小时前
打包 Uniapp
javascript·vue.js·html5
2501_916008894 小时前
uni-app iOS 文件管理与 itools 配合实战,多工具协作的完整流程
android·ios·小程序·https·uni-app·iphone·webview
itslife4 小时前
实现 Promise
前端·javascript
一枚前端小能手4 小时前
🔥 老板要的功能Webpack没有?手把手教你写个插件解决
前端·javascript·webpack