小程序怎样进行本地存储的读、写、删、清?

小程序进行本地存储的读、写、删、清操作,可以通过微信小程序提供的API来实现。这些API分为同步和异步两种类型,以满足不同的使用场景和需求。

同步操作

同步操作会阻塞后续的代码执行,直到操作完成。

写入本地缓存(写)
  • 方法:wx.setStorageSync(key, data)
  • 参数:
    • key:本地缓存中的指定的 key
    • data:需要存储的内容

示例:

复制代码

javascript复制代码

|---|-------------------------------------|
| | try { |
| | wx.setStorageSync('name', '张三'); |
| | } catch (e) { |
| | console.log(e); |
| | } |

读取本地缓存(读)
  • 方法:wx.getStorageSync(key)
  • 参数:
    • key:本地缓存中的指定的 key

示例:

复制代码

javascript复制代码

|---|---------------------------------------------|
| | try { |
| | const value = wx.getStorageSync('name'); |
| | if (value) { |
| | console.log(value); // 输出: 张三 |
| | } |
| | } catch (e) { |
| | console.log(e); |
| | } |

删除本地缓存(删)
  • 方法:wx.removeStorageSync(key)
  • 参数:
    • key:本地缓存中的指定的 key

示例:

复制代码

javascript复制代码

|---|----------------------------------|
| | try { |
| | wx.removeStorageSync('name'); |
| | } catch (e) { |
| | console.log(e); |
| | } |

清空本地缓存(清)
  • 方法:wx.clearStorageSync()

示例:

复制代码

javascript复制代码

|---|---------------------------|
| | try { |
| | wx.clearStorageSync(); |
| | } catch (e) { |
| | console.log(e); |
| | } |

异步操作

异步操作不会阻塞后续的代码执行,而是将操作放入事件循环中等待执行。

写入本地缓存(写)
  • 方法:wx.setStorage(Object object)
  • 参数:
    • key:本地缓存中的指定的 key
    • data:需要存储的内容
    • success:接口调用成功的回调函数
    • fail:接口调用失败的回调函数

示例:

复制代码

javascript复制代码

|---|--------------------------|
| | wx.setStorage({ |
| | key: 'name', |
| | data: '张三', |
| | success: function() { |
| | console.log('写入成功'); |
| | }, |
| | fail: function() { |
| | console.log('写入失败'); |
| | } |
| | }); |

读取本地缓存(读)
  • 方法:wx.getStorage(Object object)
  • 参数:
    • key:本地缓存中的指定的 key
    • success:接口调用成功的回调函数,res参数为结果对象
    • fail:接口调用失败的回调函数

示例:

复制代码

javascript复制代码

|---|-------------------------------------|
| | wx.getStorage({ |
| | key: 'name', |
| | success: function(res) { |
| | console.log(res.data); // 输出: 张三 |
| | }, |
| | fail: function() { |
| | console.log('读取失败'); |
| | } |
| | }); |

删除本地缓存(删)
  • 方法:wx.removeStorage(Object object)
  • 参数:
    • key:本地缓存中的指定的 key
    • success:接口调用成功的回调函数
    • fail:接口调用失败的回调函数
清空本地缓存(清)
  • 方法:wx.clearStorage(Object object)
  • 参数:
    • success:接口调用成功的回调函数
    • fail:接口调用失败的回调函数

以上是小程序进行本地存储的读、写、删、清操作的同步及异步两种类型的具体实现方法。在实际开发中,可以根据具体需求选择使用同步或异步操作。

相关推荐
万少4 小时前
HarmonyOS官方模板集成创新活动-流蓝卡片
前端·harmonyos
-To be number.wan6 小时前
C++ 赋值运算符重载:深拷贝 vs 浅拷贝的生死线!
前端·c++
噢,我明白了7 小时前
JavaScript 中处理时间格式的核心方式
前端·javascript
纸上的彩虹8 小时前
半年一百个页面,重构系统也重构了我对前端工作的理解
前端·程序员·架构
be or not to be8 小时前
深入理解 CSS 浮动布局(float)
前端·css
LYFlied8 小时前
【每日算法】LeetCode 1143. 最长公共子序列
前端·算法·leetcode·职场和发展·动态规划
老华带你飞8 小时前
农产品销售管理|基于java + vue农产品销售管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
小徐_23339 小时前
2025 前端开源三年,npm 发包卡我半天
前端·npm·github
GIS之路9 小时前
GIS 数据转换:使用 GDAL 将 Shp 转换为 GeoJSON 数据
前端
JIngJaneIL10 小时前
基于springboot + vue房屋租赁管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端