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

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()
相关推荐
EstherNi43 分钟前
左右两侧定位的效果,vue3
javascript·vue.js
Rsun045511 小时前
Vue相关面试题
前端·javascript·vue.js
好名字08211 小时前
Vue2转Word方法(html-docx-js库)
javascript·html·word
Dragon Wu2 小时前
Taro Webpack 5 编译过慢的解决方案
前端·webpack·小程序·taro
冴羽2 小时前
资深前端都在用的 9 个调试偏方
前端·javascript
兆子龙2 小时前
xx.d.ts 文件有什么用,为什么不引入都能生效?
javascript
吴声子夜歌2 小时前
小程序——界面API(一)
java·javascript·小程序
兆子龙2 小时前
万字解析 OpenClaw 源码架构:从入门到精通
前端·javascript
@大迁世界2 小时前
精通 React 面试:从零到中高级
前端·javascript·react.js·面试·前端框架
lichenyang4533 小时前
虚拟 DOM、Diff 算法与 Fiber
前端·javascript·面试