localstorage无用户隔离，需按用户标识隔离键名、登出时清理会话数据、区分用户数据与全局配置、自动清理残留缓存，严禁存储敏感信息。
LocalStorage 本身没有用户隔离机制，所有同源页面共享同一份存储空间。当多用户在同一浏览器中切换（比如 A 登录后退出、B 登录），若不主动清理或区分数据，A 的缓存（如用户设置、历史记录、临时状态）可能被 B 页面读取或覆盖，造成缓存数据污染——轻则界面错乱，重则泄露前用户敏感信息。
解决的关键不是“阻止切换”，而是让每个用户的缓存有明确边界。以下是几个实用、可落地的处理方式：
✅ 按用户标识隔离存储键名
不直接用固定键（如 "cart" 或 "settings"），而是在键名中嵌入当前用户唯一标识（如 userId 或 tokenHash）：
- 登录成功后获取用户 ID（例如
12345） - 存储时拼接键名：
const userId = '12345'; localStorage.setItem(`user_${userId}_cart`, JSON.stringify(cartItems)); localStorage.setItem(`user_${userId}_theme`, 'dark'); - 读取时同样带前缀：
const cart = JSON.parse(localStorage.getItem(`user_${userId}_cart`) || '[]'); - 退出登录时，可选择性清除该用户专属数据：
Object.keys(localStorage) .filter(key => key.startsWith(`user_${userId}_`)) .forEach(key => localStorage.removeItem(key));
✅ 登出时清空非持久化缓存
并非所有数据都需要跨用户保留。像临时表单、搜索历史、未提交草稿等，应视为“会话级”数据：
- 这类数据建议用
sessionStorage存储（天然随标签页关闭/登出自动失效） - 若必须用
localStorage，在登出逻辑中统一清理：// 清理用户相关但非全局配置的数据 ['cart', 'searchHistory', 'draftForm'].forEach(key => { localStorage.removeItem(`user_${currentUserId}_${key}`); }); // 保留全局配置（如语言、主题），不带用户前缀 // 例如：localStorage.getItem('app_theme') ✅ 保留
✅ 区分「用户数据」与「全局配置」
把数据按生命周期和归属分类，避免混存：
-
用户专属数据：订单、收藏、个人设置 → 带
user_{id}_前缀 -
全局静态配置：语言包版本、APP 主题偏好（非个人化）、功能开关 → 用固定键，如
'app_lang'、'ui_theme' - 敏感信息绝不存 localStorage：密码、token、身份证号等，即使加密也不建议 —— 浏览器存储不具备安全性，应由服务端管控会话。
✅ 自动检测并清理“残留用户数据”
用户可能未正常登出（直接关页、网络中断），导致旧用户缓存滞留。可在登录时做一次轻量级清理：
function cleanupStaleUserCache(newUserId) {
Object.keys(localStorage).forEach(key => {
if (key.startsWith('user_') && !key.startsWith(`user_${newUserId}_`)) {
// 可加时间戳判断是否过期（如果之前存了 loginTime）
localStorage.removeItem(key);
}
});
}
这样既避免手动遗忘清理，又不会误删全局配置。
不复杂但容易忽略。核心就一条：localStorage 是共享仓库，你得自己贴好标签、划好格子、定期扫灰。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
