微信小程序全局变量（globalData）和缓存（StorageSync）的区别和具体用法

祝君圆梦 2019-12-03 13:41:47  6483  收藏 7 分类专栏： # 微信小程序 版权

一、缓存（StorageSync）本地存储

1、小程序中的本地存储有同步功能，可用于保存用户信息(用户登录后的一些基本信息)

2、缓存的更新需要使用setStorageSync方法。

二、全局变量（globalData）

1、保存一些可能涉及安全类的数据，例如资源类，每次需要很准确的，就建议用全局变量。

2、全局变量每次关闭小程序重新打开的时候，都会进行初始化更新。

三、globalData的用法：

app.js中

1.   /**
2.   * 全局属性
3.   */
4.   globalData: {
5.   addressList: [],//用户地址
6.   }

index.js中对全局变量的取用和保存操作：

1.   //获取应用实例
2.   const app = getApp()
3.   Page({
4.    
5.   /**
6.   * 页面的初始数据
7.   */
8.   data: {
9.   areaList:[],
10.   },
11.   /**
12.   * 生命周期函数--监听页面加载
13.   */
14.   onLoad: function(options) {
15.   //取用全局变量
16.   if (app.globalData.addressList.length>0) {
17.   this.setData({
18.   areaList: app.globalData.addressList
19.   })
20.   }
21.   },
22.   addressForm: function(res) {
23.   var address = {
24.   "name": "张三",
25.   "phone": "13800138000",
26.   "province": "广东省",
27.   "city": "深圳市",
28.   "county": "龙华区",
29.   "detailInfo": "观澜镇章阁村",
30.   };
31.   //保存到全局变量里的addressList中
32.   let list = app.globalData.addressList;
33.   list.push(address);
34.   },
35.   });

 四、StorageSync的用法：

1、存入缓存

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

2、取出缓存

var addressList= wx.getStorageSync(key);

3、清除缓存

wx.removeStorageSync(key);

4、清除所有缓存 

wx.clearStorageSync() ;