localStorage仅适合存储非敏感、可公开的轻量数据，如主题偏好、表单草稿、界面状态、“记住我”UI状态、排序筛选偏好；必须用JSON.stringify()写入、JSON.parse()读取并处理null和异常；禁存密码、token等敏感信息。
localStorage 可以保存用户信息，但必须明确：它只适合存非敏感、可公开的轻量数据，比如用户名、主题偏好、表单草稿；绝不能存密码、token 或身份证号等敏感内容。
哪些用户信息可以安全存
适合用 localStorage 持久化存储的用户信息包括：
- 用户选择的主题（如
"theme": "dark"） - 已填写但未提交的表单草稿（如收货地址、备注文字）
- 界面展开/折叠状态（如侧边栏是否打开）
- “记住我”勾选框的 UI 状态（
"rememberMeChecked": "true"），注意这只是视觉同步，不是登录凭证 - 用户自定义的排序或筛选偏好（如列表按价格升序、隐藏已读消息）
正确写入和读取用户信息
localStorage 只接受字符串值，对象或数组必须先序列化。同时要处理 null 和解析失败的情况：
- 存数据时用
JSON.stringify()，例如：localStorage.setItem('userPrefs', JSON.stringify({ theme: 'dark', lang: 'zh-CN' })); - 读数据时先判断是否为 null，再用
JSON.parse()，推荐写成：const prefs = JSON.parse(localStorage.getItem('userPrefs') || '{}'); - 每次操作都建议包裹
try...catch，捕获QuotaExceededError或解析异常
避免常见错误
实际开发中容易踩的坑：
立即学习“Java免费学习笔记（深入）”；
- 直接存对象引用：
localStorage.setItem('user', { name: 'Alice' })→ 实际存的是[object Object]，读出来无法还原 - 不检查返回值就解析：
JSON.parse(localStorage.getItem('missingKey'))→ 报错，因为getItem返回null - 在 Safari 隐私模式下静默失败：写入不报错但读不到，需用
try/catch检测并降级到sessionStorage - 把 localStorage 当数据库用：存大量日志、图片 base64、未清理的历史数据，容易触达 5MB 上限
配合业务逻辑增强可靠性
单纯调用 setItem 并不等于“稳存”。提升持久化健壮性可考虑：
- 加时间戳标记，便于业务层判断是否过期（如
{ data: ..., savedAt: Date.now() }） - 关键数据提供手动导出按钮，生成 JSON 文件供用户备份
- 监听
storage事件，在同域其他标签页修改后同步当前页状态（注意：本页触发的变更不会触发自身事件） - 登出或切换账号时，主动调用
removeItem清理对应键，防止残留
