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

发布于:2024-06-07 ⋅ 阅读:(192) ⋅ 点赞:(0)

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

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


网站公告

今日签到

点亮在社区的每一天
去签到