localStorage长期保存且同源标签页共享，sessionStorage仅当前会话有效且各标签页隔离；二者均只支持字符串存储，API相同，容量约5–10MB，不参与网络传输，禁存敏感信息。
localStorage 和 sessionStorage 都是浏览器提供的客户端存储机制，用来在用户本地保存键值对数据，但它们的生命周期和作用域不同——这是最核心的区别。
localStorage：长期保存，跨会话有效
localStorage 中的数据没有过期时间，除非手动清除（比如调用 localStorage.removeItem() 或 localStorage.clear()），否则会一直保留在浏览器中，即使关闭标签页、重启浏览器甚至电脑，数据依然存在。
- 适合存用户偏好设置（如主题色、语言）、登录态标记（配合 token 使用）、离线缓存数据等
- 同一域名下所有标签页共享同一个 localStorage（注意：不同协议或端口算不同源）
- 只能存字符串，存对象需先
JSON.stringify()，读取时再JSON.parse()
sessionStorage：仅限当前会话，页面关闭即销毁
sessionStorage 的数据只在当前浏览器标签页（或窗口）的会话周期内有效。刷新页面不会丢失，但一旦关闭该标签页，数据就自动清空。新开一个同网址的标签页，也会拥有独立的 sessionStorage。
- 适合临时存表单草稿、导航状态、一次性验证信息等
- 不同标签页之间完全隔离，互不影响
- 同样只支持字符串，对象要序列化处理
基本操作方法完全一致
两者 API 完全一样，常用方法包括：
立即学习“Java免费学习笔记（深入）”；
-
setItem(key, value)—— 存储，value 会被自动转为字符串 -
getItem(key)—— 获取，返回字符串或 null -
removeItem(key)—— 删除指定键 -
clear()—— 清空全部 -
key(index)—— 获取第 index 个键名（用于遍历）
例如：localStorage.setItem('username', 'Alice');const name = localStorage.getItem('username'); // "Alice"
注意事项和常见问题
- 容量限制通常为 5–10MB（各浏览器略有差异），超出会抛出
QuotaExceededError - 不参与 HTTP 请求，不会被发送到服务器，和 Cookie 本质不同
- 无法跨域访问，即使是子域名也需要显式设置
document.domain（已逐渐被弃用） - 敏感信息（如密码、完整 token）不应直接存这里，容易被 XSS 攻击窃取
基本上就这些。选哪个，关键看你要存的数据“活多久”和“在哪用”。
