如何用JavaScript实现本地存储_localStorage和sessionStorage有何区别？

localStorage长期保存且同源标签页共享，sessionStorage仅当前会话有效且各标签页隔离；二者均只支持字符串存储，API相同，容量约5–10MB，不参与网络传输，禁存敏感信息。

localStorage 和 sessionStorage 都是浏览器提供的客户端存储机制，用来在用户本地保存键值对数据，但它们的生命周期和作用域不同——这是最核心的区别。

localStorage：长期保存，跨会话有效

localStorage 中的数据没有过期时间，除非手动清除（比如调用 localStorage.removeItem() 或 localStorage.clear()），否则会一直保留在浏览器中，即使关闭标签页、重启浏览器甚至电脑，数据依然存在。

• 适合存用户偏好设置（如主题色、语言）、登录态标记（配合 token 使用）、离线缓存数据等
• 同一域名下所有标签页共享同一个 localStorage（注意：不同协议或端口算不同源）
• 只能存字符串，存对象需先 JSON.stringify()，读取时再 JSON.parse()

sessionStorage：仅限当前会话，页面关闭即销毁

sessionStorage 的数据只在当前浏览器标签页（或窗口）的会话周期内有效。刷新页面不会丢失，但一旦关闭该标签页，数据就自动清空。新开一个同网址的标签页，也会拥有独立的 sessionStorage。

• 适合临时存表单草稿、导航状态、一次性验证信息等
• 不同标签页之间完全隔离，互不影响
• 同样只支持字符串，对象要序列化处理

基本操作方法完全一致

两者 API 完全一样，常用方法包括：

标签： javascript java js json cookie 浏览器 电脑 端口 session ai 跨域 区别 常见