闭包封装本地存储操作的核心是通过函数作用域隔离 localStorage 读写逻辑，对外提供安全、统一的 set/get/remove 接口，并支持前缀隔离、过期控制、错误处理与多实例独立维护。
用闭包封装本地存储操作，核心是把 localStorage 的读写逻辑收进一个函数作用域，对外只暴露干净、安全的接口，避免直接操作原生 API 带来的类型错误、JSON 序列化遗漏或异常未捕获等问题。
封装基础读写接口
闭包可缓存对 localStorage 的访问判断，并统一处理字符串化与解析。例如：
const createStorage = (prefix = '') => {
// 检查环境是否支持 localStorage
const isSupported = typeof localStorage !== 'undefined';
<p>return {
set(key, value) {
if (!isSupported) return false;
try {
const fullKey = prefix ? <code>${prefix}_${key}</code> : key;
const serialized = JSON.stringify(value);
localStorage.setItem(fullKey, serialized);
return true;
} catch (e) {
console.warn(<code>Failed to set ${key}:</code>, e);
return false;
}
},
get(key, defaultValue = null) {
if (!isSupported) return defaultValue;
try {
const fullKey = prefix ? <code>${prefix}_${key}</code> : key;
const item = localStorage.getItem(fullKey);
return item ? JSON.parse(item) : defaultValue;
} catch (e) {
console.warn(<code>Failed to parse ${key}:</code>, e);
return defaultValue;
}
},
remove(key) {
if (!isSupported) return false;
const fullKey = prefix ? <code>${prefix}_${key}</code> : key;
localStorage.removeItem(fullKey);
return true;
}
};
};</p><p>// 使用示例
const userStorage = createStorage('user');
userStorage.set('profile', { name: 'Alice', age: 30 }); // 存对象
console.log(userStorage.get('profile')); // { name: 'Alice', age: 30 }
支持过期时间的增强版
原生 localStorage 不支持自动过期，闭包可配合时间戳手动实现。关键是在存值时一并保存过期时间，在读取时做校验：
- 写入时：存
{ value, expiresAt }对象 - 读取时：先检查
expiresAt是否已过期，过期则自动清理并返回默认值 - 所有逻辑被闭包内部维护，外部无感知
示例片段：
立即学习“Java免费学习笔记（深入）”；
Java Maven Common
下载
Java Maven 项目审查工作流的通用输入处理。当 Java Maven 项目以 ZIP压缩包或 GitLab 仓库 URL 形式提供且需要...时使用。
const createExpirableStorage = (prefix = '', defaultTTL = 30 * 60 * 1000) => {
const isSupported = typeof localStorage !== 'undefined';
<p>const getFullKey = (key) => prefix ? <code>${prefix}_${key}</code> : key;</p><p>return {
set(key, value, ttl = defaultTTL) {
if (!isSupported) return false;
try {
const expiresAt = Date.now() + ttl;
const payload = { value, expiresAt };
localStorage.setItem(getFullKey(key), JSON.stringify(payload));
return true;
} catch (e) {
console.warn(<code>Failed to set expirable ${key}:</code>, e);
return false;
}
},
get(key, defaultValue = null) {
if (!isSupported) return defaultValue;
try {
const item = localStorage.getItem(getFullKey(key));
if (!item) return defaultValue;</p><pre class="brush:php;toolbar:false;"> const { value, expiresAt } = JSON.parse(item);
if (Date.now() > expiresAt) {
this.remove(key); // 自动清理过期项
return defaultValue;
}
return value;
} catch (e) {
console.warn(`Failed to get or parse expirable ${key}:`, e);
return defaultValue;
}
},
remove(key) {
localStorage.removeItem(getFullKey(key));
return true;
}}; };
防止污染全局、支持多实例隔离
闭包天然支持实例隔离 —— 每次调用 createStorage() 都生成独立作用域，互不影响。比如同时管理用户数据和 UI 状态：
const userStore = createStorage('user')const uiStore = createStorage('ui')- 两者前缀不同，键名不冲突；各自错误处理、序列化逻辑也完全独立
无需依赖类或模块打包工具，纯函数 + 闭包就实现了轻量级模块化。
补充健壮性细节
实际项目中还可加入这些小改进，都由闭包内部消化：
- 对
null、undefined、Date、RegExp等特殊值做兼容处理（如转成可序列化的格式） - 设置大小限制检查，避免
QuotaExceededError - 提供批量操作方法（
setMany/getMany），复用同一闭包内的isSupported和前缀逻辑 - 开发环境下打印调试日志，生产环境自动关闭 —— 开关也藏在闭包变量里
不复杂但容易忽略。闭包在这里不是炫技，而是把“该关心的”（业务键名、默认值、过期策略）和“不该暴露的”（存储介质差异、异常分支、前缀拼接）自然分开。
