SessionStorage 在页面刷新时自动保留、关闭标签页时自动清除，无需手动干预；其生命周期绑定单个标签页会话，刷新、跳转均保留数据，关闭即销毁，且多标签页间完全隔离。
SessionStorage 本身的设计就是“页面会话级存储”，它天然支持在页面刷新时保留数据，关闭标签页（或浏览器窗口）后自动清除——你不需要额外操作来实现这个行为，只要正确使用 sessionStorage 即可。
SessionStorage 的生命周期特点
SessionStorage 的数据绑定到**当前浏览器标签页的会话（session）**，不是整个浏览器，也不是域名级别。关键行为如下：
- 页面刷新（F5、地址栏回车、
location.reload()）→ 数据完整保留 - 同一标签页内导航（如点击链接、
history.pushState）→ 数据保留 - 手动关闭该标签页（或整个窗口）→ 数据立即销毁
- 新开一个标签页访问相同页面 → 拥有独立的 sessionStorage，不共享数据
- 浏览器崩溃恢复（若支持会话恢复）→ 多数现代浏览器会还原 sessionStorage（属 UA 行为，但主流浏览器如 Chrome/Firefox/Edge 均保持此一致性）
正确使用方式（无需特殊处理）
直接调用原生 API 即可，例如：
// 保存数据（刷新后仍在）sessionStorage.setItem('userToken', 'abc123');sessionStorage.setItem('cartCount', '5');
// 刷新后读取（依然有效）const token = sessionStorage.getItem('userToken'); // 'abc123'const count = sessionStorage.getItem('cartCount'); // '5'
⚠️ 注意：不要用 localStorage 替代，它会在关闭标签页后仍存在；也不要尝试用 beforeunload 手动清理——sessionStorage 本就自动清理，手动干预反而可能破坏预期行为。
立即学习“Java免费学习笔记（深入）”；
常见误解与避坑点
- 不是“单页面应用（SPA）专属”：无论多页应用（MPA）还是 SPA，只要不换标签页，sessionStorage 都有效
- 不跨标签页共享：即使 URL 完全相同，新标签页的 sessionStorage 是空的，这是设计使然，不是 bug
-
不能存函数、undefined 或 Symbol：只支持字符串。对象需
JSON.stringify()后存，读取时JSON.parse() - 隐私模式下仍可用：但关闭隐私窗口后即清空，符合会话语义
对比 localStorage 和 cookie 帮你选对场景
如果你需要“关掉标签页也不丢数据”，才用 localStorage；如果需要“跨页面传递且服务端可读”，才用 cookie；而“仅当前会话临时用、刷新不丢、关页即焚”——sessionStorage 就是最精准匹配的方案。
