JavaScript中什么是SessionStorage_与LocalStorage区别

sessionStorage和localStorage生命周期与共享范围不同：前者仅限当前标签页会话，关闭即清空；后者持久存储，除非手动清除。适用场景上，前者适合临时数据如表单草稿，后者适合长期偏好如主题设置。

SessionStorage 和 localStorage 都是浏览器提供的 Web Storage API，用于在前端本地存键值对数据，但它们的“存活时间”和“共享范围”完全不同——选错一个，轻则数据丢失，重则功能异常。

生命周期：关不关标签页，决定数据留不留

sessionStorage 的数据只属于当前标签页（或窗口）的一次会话。只要这个标签页一关闭，所有 sessionStorage 数据立刻清空，哪怕刷新页面、跳转路由、甚至页面崩溃后恢复，它都还在。但换一个同源标签页，就是全新的 sessionStorage，彼此完全隔离。

localStorage 则“记性好得多”：数据写进去后，除非你用 removeItem() 或 clear() 主动删，或者用户手动清除浏览器缓存，否则它会一直存在——关掉浏览器、重启电脑、隔几天再打开，数据原样不动。

适用场景：临时草稿 vs 长期偏好

sessionStorage 适合放“用完即弃”的东西：

立即学习“Java免费学习笔记（深入）”；

标签： javascript java js 前端 json cookie 浏览器 app 电脑 端口 工具 session 后