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 攻击窃取
基本上就这些。选哪个，关键看你要存的数据“活多久”和“在哪用”。
以上就是如何用JavaScript实现本地存储_localStorage和sessionStorage有何区别？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1542975.html
微信扫一扫 
支付宝扫一扫 
