js的缓存工具
项目中用到的一个localStorage工具，可以用于token存储、数据缓存，支持过期，使用起来简答快捷
JavaScript版
const DEFAULT_EXPIRE = 7200; // 默认存储时间（秒）
const cache = {
/**
* 设置缓存
* @param {string} key 存储的键
* @param {any} value 存储的值
* @param {number} [expire=DEFAULT_EXPIRE] 过期时间（秒），默认 7200s
*/
set: (key, value, expire = DEFAULT_EXPIRE) => {
const expireTimestamp = Date.now() + expire * 1000;
const cacheData = { data: value, expireTimestamp };
localStorage.setItem(key, JSON.stringify(cacheData));
},
/**
* 获取缓存
* @param {string} key 存储的键
* @param {any} [defaultValue=null] 如果缓存不存在，返回的默认值
* @returns {any|null} 获取到的数据，或者默认值
*/
get: (key, defaultValue = null) => {
const item = localStorage.getItem(key);
if (!item) return defaultValue;
try {
const cacheData = JSON.parse(item);
if (Date.now() > cacheData.expireTimestamp) {
cache.remove(key); // 过期后删除
return defaultValue;
}
return cacheData.data;
} catch (error) {
console.error("解析缓存数据失败:", error);
cache.remove(key);
return defaultValue;
}
},
/**
* 删除缓存
* @param {string} key 存储的键
*/
remove: (key) => {
localStorage.removeItem(key);
},
/**
* 清空所有缓存
*/
clear: () => {
localStorage.clear();
}
};
export default cache;typeScript版
const DEFAULT_EXPIRE = 7200; // 默认存储时间（秒）
interface CacheData<T> {
data: T;
expireTimestamp: number;
}
const cache = {
/**
* 设置缓存
* @param key 存储的键
* @param value 存储的值
* @param expire 过期时间（秒），默认 7200s
*/
set: <T>(key: string, value: T, expire: number = DEFAULT_EXPIRE) => {
const expireTimestamp = Date.now() + expire * 1000;
const cacheData: CacheData<T> = { data: value, expireTimestamp };
localStorage.setItem(key, JSON.stringify(cacheData));
},
/**
* 获取缓存
* @param key 存储的键
* @param defaultValue 如果缓存不存在，返回的默认值
* @returns T | null
*/
get: <T>(key: string, defaultValue: T | null = null): T | null => {
const item = localStorage.getItem(key);
if (!item) return defaultValue;
try {
const cacheData: CacheData<T> = JSON.parse(item);
if (Date.now() > cacheData.expireTimestamp) {
cache.remove(key); // 过期后删除
return defaultValue;
}
return cacheData.data;
} catch (error) {
console.error("解析缓存数据失败:", error);
cache.remove(key);
return defaultValue;
}
},
/**
* 删除缓存
* @param key 存储的键
*/
remove: (key: string) => {
localStorage.removeItem(key);
},
/**
* 清空所有缓存
*/
clear: () => {
localStorage.clear();
}
};
export default cache;
