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

小程序进行本地存储的读、写、删、清操作,可以通过微信小程序提供的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:接口调用失败的回调函数

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

相关推荐
speedoooo3 分钟前
未来的App不再需要菜单栏?
前端·ui·容器·小程序·web app
猿究院_xyz29 分钟前
微信小程序与echarts联动安卓真机测试出现黑色阴影
前端·javascript·微信小程序·小程序·echarts
IT_陈寒41 分钟前
Redis性能翻倍的5个冷门技巧,90%开发者都不知道的深度优化方案
前端·人工智能·后端
清水迎朝阳42 分钟前
监听 edge大声朗读 样式变化
前端·edge
油丶酸萝卜别吃1 小时前
修改chrome配置,关闭跨域校验
前端·chrome
m0_740043731 小时前
3、Vuex-Axios-Element UI
前端·javascript·vue.js
风止何安啊1 小时前
一场组件的进化脱口秀——React从 “类” 到 “hooks” 的 “改头换面”
前端·react.js·面试
JS_GGbond1 小时前
给数组装上超能力:JavaScript数组方法趣味指南
前端·javascript
前端无涯1 小时前
Tailwind CSS v4 开发 APP 内嵌 H5:安卓 WebView 样式丢失问题解决与降级实战
前端
小邋遢2.01 小时前
vscod 执行npm build报错:Error: Cannot find module ‘vite‘
前端·npm·node.js