localStorage 数据需序列化存储并安全解析，读取前判空、用 try-catch 解析，删除按需选择 removeItem 或 clear，写操作须 try-catch 容错，读失败可降级 sessionStorage 或内存，并支持手动备份与过期清理。
localStorage 能实现跨页面、跨重启的数据保留，但“持久”不等于“永不丢失”——它依赖用户行为和浏览器环境。用对方法才能让数据真正稳住。
存数据：必须序列化，不能图省事
localStorage 只认字符串。传对象、数组、数字或布尔值进去，会自动调用 .toString()，结果不是你想要的：
- 对象 → 存成 "[object Object]"，取出来 JSON.parse 直接报错
- 数字 42 → 存成字符串 "42"，取出来仍是字符串，不是 Number 类型
- true → 存成 "true"，虽然 JSON.parse("true") 能还原，但类型和原始值判断容易出错
正确做法是统一走 JSON 路径：
const user = { name: 'Leo', score: 95 };
localStorage.setItem('user', JSON.stringify(user)); // ✅
读数据：先判空，再解析，别让 null 搞崩逻辑
getItem 找不到 key 时返回 null，直接 JSON.parse(null) 会抛错。也不能假设数据一定完好，损坏的 JSON 字符串也会导致解析失败。
稳妥写法：
- 读取后先检查是否为 null 或空字符串
- 用 try-catch 包裹 JSON.parse
- 提供默认值兜底，避免后续代码因 undefined 崩溃
function loadFromStorage(key, defaultValue = null) {
const raw = localStorage.getItem(key);
if (!raw) return defaultValue;
try {
return JSON.parse(raw);
} catch (e) {
console.warn(`解析失败 [${key}]:`, e.message);
return defaultValue;
}
}
删数据：按需清理，别一清了之
removeItem 和 clear 各有适用场景：
- 只清某个配置项（如用户主题设置）→ 用 removeItem('theme')
- 登出或重置状态 → 用 clear()，但要确认是否影响其他功能模块
- 批量删除一类 key（如所有以 "draft-" 开头的草稿）→ 需遍历 key，配合正则匹配
注意：clear() 不会触发 storage 事件，其他标签页不会感知；而 removeItem 会触发，适合需要同步状态的场景。
容错与降级：别把鸡蛋放在一个篮子里
localStorage 可能静默失效，常见原因包括无痕模式、存储超限（5–10 MB）、iOS Safari 低内存自动清理等。仅靠 setItem 就写入，风险很高。
- 所有写操作必须包裹 try-catch，识别 QuotaExceededError 等异常
- 读取失败时，可降级到 sessionStorage（会话级）或内存变量（临时可用）
- 对关键数据（如未提交表单），提供“导出为 JSON”按钮，让用户手动备份
- 加时间戳标记（如 savedAt: Date.now()），业务层可主动淘汰过期数据
