小程序缓存和全局变量的使用

最新推荐文章于 2024-07-07 11:18:57 发布

rickcn

最新推荐文章于 2024-07-07 11:18:57 发布

阅读量1.2k

点赞数

分类专栏：小程序

本文链接：https://blog.youkuaiyun.com/rickcn/article/details/104271493

版权

小程序专栏收录该内容

11 篇文章

订阅专栏

本文详细解析了小程序中的缓存（StorageSync）与全局变量的使用方法，阐述了两者在小程序开发中的不同应用场景，如缓存用于快速加载数据提升用户体验，全局变量用于存储用户登录信息等跨页面数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序缓存就是类似数据库，全局变量就是所有页面都能用，globalData为内存。storage为缓存。即小程序退出globalData会清空，storage则不会。这是两个东西，比如说新闻应用，首页的数据需要放到缓存里，然后下次访问首页的时候直接加载缓存的数据，然后在异步调用接口刷新数据，这样在进入首页的时候就不需要loading了，直接能看到数据，感觉就是秒开，用户体验更好一些，全局变量就是类似用户登录信息，登录之后设置成全局的，每个页面都可以使用，不然跳转后就需要每次都重新获取用户信息
一、缓存（StorageSync）本地存储
1、存入缓存

var addressList= wx.setStorageSync(key,value);

2、取出缓存

var addressList= wx.getStorageSync(key);

3、清除缓存

wx.removeStorageSync(key);

4、清除所有缓存

wx.clearStorageSync() ;

小程序全局变量的使用
app.js中可以定义全局变量
/ 代表定义全局变量rooturl网络根目录

globalData: {
  rooturl: "https://www.1000ja.cn/yyh/",
  }

页面中使用全局变量
页面js文件中

const app = getApp()  // 引入app
data: {   // data中使用全局变量
    rooturl: app.globalData.rooturl, //全局img路径
  },

更新全局变量

app.globalData.userInfo=res.data.result;

在app.js 的 onLaunch改变全局变量的值
需使用this

 this.globalData.scene = options.scene;

————————————————
参考链接：优快云博主「小曲曲」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/weixin_43848576/article/details/98472926