uniapp 封装storage缓存

缓存技术是我们日常开发中常常使用的技术，最近公司项目使用到uniapp，下面对其storage做了一个封装以及使用技巧。

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;

在使用的地方引用

这样封装看似没有问题，实则运行会报一个错误，不是一个有效的方法not function;

Cannot call a class as a function，不能只能作为一个function赋值。我们做如下修改即可

把export default cache;

修改成

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

然后测试运行，完美输出

这里只是简单的封装，之后会更加的完善。

本人业余时间开发了一个手机挣钱的网站，感兴趣的朋友们可以看看

www.51wzuan.cn