微信小程序本地存储（wx.setStorage）和（wx.setStorageSync）

在微信小程序中，可以使用本地存储来保存一些数据比如用户状态，姓名，性别等；

本地存储主要包括两种方式：缓存和本地数据存储。

缓存

缓存是一种快速访问内存的临时存储机制，可以有效地提高应用程序的响应速度。在微信小程序中，可以使用wx.setStorage方法和wx.getStorage方法实现数据的缓存。例如：

  // 设置缓存数据
  wx.setStorage({
    key: 'userInfo',
    data: { name: 'Tom', age: 20 },
    success: function () {
      console.log('设置缓存数据成功');
    }
  });

  // 获取缓存数据
  wx.getStorage({
    key: 'userInfo',
    success: function (res) {
      console.log(res.data);
    }
  });

上面的例子中，通过wx.setStorage方法设置了一个名为userInfo的缓存数据，内容为一个对象{name: 'Tom', age: 20}。通过wx.getStorage方法获取缓存数据，获取成功后在控制台中输出了缓存数据。

缓存数据的大小一般受到设备内存的限制，一些低端设备可能会出现缓存数据不稳定，甚至会造成应用程序崩溃等问题。

2.本地数据存储

本地数据存储是指将数据存储在设备本地的文件系统中，能够保持数据的持久性。在微信小程序中，可以使用wx.setStorageSync方法和wx.getStorageSync方法实现数据的本地存储。例如：

  // 设置本地存储数据
  wx.setStorageSync('userInfo', { name: 'Tom', age: 20 });

  // 获取本地存储数据
  var userInfo = wx.getStorageSync('userInfo');
  console.log(userInfo);

上面的例子中，通过wx.setStorageSync方法设置了一个名为userInfo的本地存储数据，内容为一个对象{name: 'Tom', age: 20}。通过wx.getStorageSync方法获取本地存储数据，获取成功后在控制台中输出了缓存数据。

需要注意的是，本地数据存储的大小受到设备存储容量的限制，存储数据过多可能会占用大量的设备存储空间，导致设备运行缓慢甚至奔溃。

需要根据实际情况选择缓存和本地数据存储方式，可以考虑数据的大小和需求等因素。以及及时清理不必要的缓存和存储数据，以避免占用过多设备内存和存储容量。

清除本地存储：

（1）wx.setStorageSync(); //存储值

（2）wx.removeStorageSync(); // 移除指定的值

（3）wx.getStorageSync(); // 获取值

（4）wx.getStorageInfoSync(); // 获取当前 storage 中所有的 key

（5）wx.clearStorageSync(); // 清除所有的key

清除缓存：

（2）wx.removeStorage(); // 移除指定的值

（3）wx.getStorage(); // 获取值

（4）wx.getStorageInfo(); // 获取当前 storage 中所有的 key

（5）wx.clearStorage(); // 清除所有的key

微信小程序本地存储（wx.setStorage）和（wx.setStorageSync）

猜你喜欢