uniapp数据缓存(存储/获取/移除/清空)

1.存储:

异步:uni.setStorage(OBJECT)
javascript 复制代码
uni.setStorage({
	key: 'storage_key',
	data: 'hello',
	success: function () {
		console.log('success');
	}
});
同步:uni.setStorageSync(KEY,DATA)
javascript 复制代码
try {
	uni.setStorageSync('storage_key', 'hello');
} catch (e) {
	// error
}

2.获取:

异步:uni.getStorage(OBJECT)
javascript 复制代码
uni.getStorage({
	key: 'storage_key',
	success: function (res) {
		console.log(res.data);
	}
});
同步:uni.getStorageSync(KEY)
javascript 复制代码
try {
	const value = uni.getStorageSync('storage_key');
	if (value) {
		console.log(value);
	}
} catch (e) {
	// error
}

3.移除:

异步:uni.removeStorage(OBJECT)
javascript 复制代码
uni.removeStorage({
	key: 'storage_key',
	success: function (res) {
		console.log('success');
	}
});
同步:uni.removeStorageSync(KEY)
javascript 复制代码
try {
	uni.removeStorageSync('storage_key');
} catch (e) {
	// error
}

4.清除本地缓存

异步:uni.clearStorage()

javascript 复制代码
uni.clearStorage();
同步:uni.clearStorageSync()
javascript 复制代码
try {
	uni.clearStorageSync();
} catch (e) {
	// error
}

注:

异步 API,在调用该方法后会立即返回,并且可能不会立即将数据存储到本地存储空间中,而是需要等待一定的时间。因此,在调用该方法后如果需要使用该数据,需要在回调函数中进行操作。

同步 API,调用该方法后会立即阻塞并等待数据存储完成,返回的是存储操作的结果。可以简化代码,避免使用回调函数。但是,需要注意同步 API 可能会阻塞主线程,因此应该尽量避免在 UI 线程中使用同步 API。

同步异步详细解答可跳转--> 同步,异步及Promise的详解_promise 同步执行-CSDN博客

获取详细信息点击官方文档->uni.setStorage(OBJECT) @setstorage | uni-app官网

相关推荐
奇树谦4 分钟前
LRU 缓存原理与 C++ 实践示例
开发语言·c++·缓存
蒿豪郝灬号1 小时前
UniApp接入鸿蒙版阿里百川
华为·uni-app·harmonyos
于眠牧北1 小时前
Charles配置指定域名抓取和雷电模拟器中抓取APP接口配置
数据库·redis·缓存
刻BITTER1 天前
LocalLow 乱码文件排查 Intel INSC着色器缓存文件
缓存·哈希算法·着色器
熊出没1 天前
高并发高可用系统设计:限流、熔断、降级与多级缓存实战指南
缓存·高并发·架构设计·高可用
DLYSB_1 天前
门店断网了告警还在吗:边缘站点的缓存与续传架构
缓存·架构·报警灯
AIGC小尼1 天前
本地 AI 漫剧流水线模型缓存与特征向量持久化:IPAdapter 预编码、特征池复用与内存池管理实战
人工智能·spring boot·缓存·预编码算法·comfyui·ai漫剧
2501_915921431 天前
详细教程:使用Perfdog工具测量iOS应用的功耗性能与优化方法
android·macos·ios·小程序·uni-app·cocoa·iphone
梦曦i1 天前
uni-app、uni-app x 与 Flutter 深度对比:2026年跨平台开发框架选型指南
flutter·uni-app·uni-app x