@anlib/localstorage-operate
v0.0.4
Published
简单封装本地存储带有数据超时功能, 支持web, uniapp, 微信小程序
Downloads
6
Readme
localstorage-operate
封装了本地缓存, 支持web
(localstorage), uniapp
和微信小程序
, 支持控制数据的缓存时长, 自动清理超时缓存数据, 支持使用async
和callback
两种方式使用
使用
import LocalstorageOperate from "@anlib/localstorage-operate";
const overtime = 5000;
const key1 = "name";
const value1 = "张三";
const key2 = "age";
const value2 = 18;
// web 平台, 数据默认超时 5000ms
const instance = new LocalstorageOperate("web", overtime);
//// 存储数据 ////
// 可以不指定时长, 这样就是默认时长, 存储的值可以是对象
instance.setStorage(key1, value1, overtime).then(() => {
console.log("async success");
}).catch(err => {
console.log("async err: ", err);
});
// 第三个参数设置超时时间
instance.setStorage(key2, value2, overtime, (err) => {
if (err) {
console.log("callback error: ", err);
return;
}
console.log("callback success");
});
//// 获取数据 ////
instance.getStorage(key1)
.then(res => {
console.log("async res: ", res);
}).catch(err => {
if (err.flog === LocalstorageOperate.OVERTIME) {
// 数据已超时
console.log(err);
} else if (err.flog === LocalstorageOperate.VOID) {
// 不存在对应的数据
console.log(err);
} else {
console.log("其他错误: ", err);
}
});
instance.getStorage(key2, (err, res) => {
if (err) {
if (err.flog === LocalstorageOperate.OVERTIME) {
// 数据已超时
console.log(err);
} else if (err.flog === LocalstorageOperate.VOID) {
// 不存在对应的数据
console.log(err);
} else {
console.log("其他错误: ", err);
}
return;
}
console.log("callback res: ", res);
});
//// 获取缓存数据信息 ////
// 缓存数据的key
const cacheKeys = await instance.getCatchDataKey();
console.log("缓存数据的key: ", cacheKeys);
// 缓存缓存信息, 类型是: { key: string, value: string }[]
const { cache, origin } = await instance.getStorageInfo();
console.log("带缓存的数据: ", cache);
console.log("其他的数据: ", origin);
//// 删除数据 ////
// 删除数据
// await instance.removeStorage()
// 清除缓存超时的缓存
// await instance.clearOvertimeData()
// 清空缓存的数据
await instance.clearDateStorage()
console.log("async success");
// 清空所有的数据
// await instance.clearStorage()
//// 原先方法 ////
instance.setStorageSync(this.key, this.value);
// -> localStorage.setItem();
let value = instance.getStorageSync(this.key);
// -> localStorage.getItem();
console.log(`key: ${this.key}, value: ${value}`);
instance.removeStorageSync(this.key);
// -> localStorage.removeItem();
value = instance.getStorageSync(this.key);
console.log(`key: ${this.key}, value: ${value}`);
// instance.clearStorageSync();
// -> localStorage.clear();
更多使用参考test.html