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

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

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

相关推荐
Python涛哥14 分钟前
前端流行框架Vue3教程:24.动态组件
前端·javascript·vue.js
劲爽小猴头43 分钟前
HTML5快速入门-表单&实用标签
前端·html·html5
蓝胖子的多啦A梦1 小时前
Vue+css实现扫描动画效果(使用@keyframes scan)
前端·css·vue.js·keyframes scan
沐土Arvin1 小时前
Web 安全进阶:前端信封加解密技术详解
前端·javascript·安全·设计模式
码上敲享录2 小时前
前端如何播放flv视频
前端·音视频
shenyan~2 小时前
关于 Web 安全:4. 中间件 & 框架风险点分析
前端·安全·中间件
wwf12252 小时前
css 里面写if else 条件判断
前端·css
Magnum Lehar3 小时前
vulkan游戏引擎的renderer下的vulkan缓冲区实现
java·前端·游戏引擎
_CodePencil_3 小时前
CSS专题之flex: 1常见问题
前端·css·html·css3·html5
_龙衣3 小时前
uni-app/vue2:微信小程序实现文件流的下载及预览
微信小程序·uni-app·notepad++