localStorage、sessionStorage 和 cookie 核心区别

4 阅读1分钟

1. 生命周期(最关键)

  • cookie可以自己设置过期时间(如 7 天、1 年),到期自动删除;不设置则默认会话级(关闭浏览器删除)。
  • localStorage永久存储,除非手动清除浏览器数据或用代码删除,否则一直存在。
  • sessionStorage临时存储,只在当前标签页打开期间有效,关闭标签 / 浏览器立刻清空。

2. 存储大小

  • cookie:4KB 左右,只能存少量文本(如 token、用户 ID)
  • localStorage / sessionStorage:约 5MB,适合存大量前端数据(如列表、配置)