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

微信小程序全局变量（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() ;