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

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

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

相关推荐
moshuying2 小时前
别让AI焦虑,偷走你本该有的底气
前端·人工智能
GIS之路3 小时前
ArcPy,一个基于 Python 的 GIS 开发库简介
前端
可夫小子4 小时前
OpenClaw基础-为什么会有两个端口
前端
喝拿铁写前端4 小时前
Dify 构建 FE 工作流:前端团队可复用 AI 工作流实战
前端·人工智能
喝咖啡的女孩5 小时前
React 合成事件系统
前端
大米饭消灭者5 小时前
Taro是怎么实现一码多端的【底层原理】
微信小程序·taro
从文处安5 小时前
「九九八十一难」组合式函数到底有什么用?
前端·vue.js
用户5962585736065 小时前
戴上AI眼镜逛花市——感受不一样的体验
前端
yuki_uix5 小时前
Props、Context、EventBus、状态管理:组件通信方案选择指南
前端·javascript·react.js
老板我改不动了5 小时前
前端面试复习指南【代码演示多多版】之——HTML
前端