uniapp封装cache

文章描述:

uniapp封装缓存和使用

封装

1、根目录新建common/cache.js

class cache {
	//存储在本地缓存指定的name中
	setCache(name, data) {
		try {
			uni.setStorageSync(name, data);
		} catch (e) {
			console.log(e)
		}
	}
 
	//从本地缓存中读取置顶name对应的内容
	getCache(name) {
		let data;
		try {
			data = uni.getStorageSync(name);
		} catch (e) {
			console.log(e);
		}
		return data;
	}
 
	//从本地缓存中移出指定key
	removeCache(name) {
		try {
			uni.removeStorageSync(name);
		} catch (e) {
			//TODO handle the exception
			console.log(e);
		}
	}
 
	//返回一个布尔值,表示name是否在本地缓存之中
	checkCache(name) {
		let value;
		try {
			const res = uni.getStorageInfoSync()
			value = res.keys.includes(name)
		} catch (e) {
			console.log(e)
		}
		return value
	}
	
	//清除本地数据缓存
	clearCache(){
		try{
			uni.clearStorageSync();
		}catch(e){
			console.log(e)
		}
	}
}
//export default cache;
//修改成

let cacheFunc = new cache();
export default cacheFunc;

应用

 

载入

import cache from '../../common/cache.js';

设置

cache.setCache('token','ABCD1234')

 

取值

cache.getCache('token')

 

清除所有

cache.clearCache();//清除缓存

 

发布时间:2022/08/09

发表评论