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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

夜钓星云

如果解决了问题/赏点吧/饿死了

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值