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

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

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

相关推荐
我是苏苏2 小时前
Web开发:C#通过ProcessStartInfo动态调用执行Python脚本
java·服务器·前端
无羡仙2 小时前
Vue插槽
前端·vue.js
用户6387994773053 小时前
每组件(Per-Component)与集中式(Centralized)i18n
前端·javascript
SsunmdayKT3 小时前
React + Ts eslint配置
前端
开始学java3 小时前
useEffect 空依赖 + 定时器 = 闭包陷阱?count 永远停在 1 的坑我踩透了
前端
zerosrat3 小时前
从零实现 React Native(2): 跨平台支持
前端·react native
狗哥哥3 小时前
🔥 Vue 3 项目深度优化之旅:从 787KB 到极致性能
前端·vue.js
青莲8433 小时前
RecyclerView 完全指南
android·前端·面试
青莲8433 小时前
Android WebView 混合开发完整指南
android·前端·面试
GIS之路3 小时前
GDAL 实现矢量数据转换处理(全)
前端