SessionStorage 在标签页关闭时自动清除，无需手动清理；刷新页面数据保留，新开标签页则获得独立实例；其生命周期仅限当前会话，适用于临时数据，区别于持久化的 localStorage。
SessionStorage 本身就在标签页关闭时自动清理，不需要额外操作。
SessionStorage 的生命周期天然绑定标签页
SessionStorage 的设计目标就是“仅在当前浏览器标签页（或窗口）的会话期间有效”。只要用户关闭该标签页（包括刷新、导航、手动关闭），其中存储的所有数据都会被浏览器自动清除——这是浏览器原生行为，无需 JavaScript 主动干预。
- 新开一个标签页或窗口，即使访问同一网址，也会获得全新的、独立的 sessionStorage 实例
- 页面刷新（F5 或 location.reload()）不会清空 sessionStorage，数据保留
- 用户点击关闭按钮（×）、使用快捷键（Ctrl+W / Cmd+W）或关闭整个窗口时，对应标签页的 sessionStorage 立即释放
不要混淆 sessionStorage 和 localStorage
容易误以为需要“手动清理”，往往是因为把它和 localStorage 混淆了。localStorage 是持久化的，除非代码调用 localStorage.removeItem() 或 localStorage.clear()，否则数据会一直保留在本地，跨会话、跨重启都存在。
- sessionStorage：适合临时表单草稿、导航状态、一次性 Token 等“只活到关页”的数据
- localStorage：适合用户偏好设置、长期缓存等需跨会话保留的数据
特殊场景下可主动监听页面卸载（但非必需）
极少数情况下，你可能希望在标签页关闭前做点事（比如上报统计、保存最后状态到服务器），可以监听 beforeunload 或 unload 事件。注意：不能在其中异步操作（如 fetch），也不能依赖 alert/confirm，现代浏览器已限制这些行为以保障用户体验。
立即学习“Java免费学习笔记（深入）”；
- 不推荐 在 beforeunload 中调用 sessionStorage.clear() —— 它本来就会被清掉，纯属多余
- 如需“关页前同步保存一次”，可考虑将关键数据提前写入 localStorage，再标记为“待处理”，由新页启动时检查并清理
- 更稳妥的做法是：在用户交互过程中就逐步持久化（如防抖保存到 localStorage），而非全押在关页那一刻
验证是否生效的小技巧
快速确认 sessionStorage 是否按预期工作：
- 在控制台执行 sessionStorage.setItem('test', 'hello')
- 刷新页面后执行 sessionStorage.getItem('test') → 应仍为 'hello'
- 关闭该标签页，重新打开同一网址，再执行 sessionStorage.getItem('test') → 返回 null
