特性CookieLocalStorageSessionStorage
写入方式服务端和前端都可写入,不过http-only情况下只允许服务端写入前端前端
存储大小4KB 左右5~10MB5~10MB
生命周期手动设置,默认关闭浏览器失效长期保留,直至用户手动清理缓存当前会话,关闭页面清除
服务器交互 随请求发送到服务器不会不会
数据共享同域下所有页面共享同域下所有页面共享当前页面及子页面共享

应用场景:

  • Cookie :小数据量、需与服务器交互的场景,如保存会话标识(如 token)。
  • LocalStorage :需持久化存储、跨页面共享的数据,如用户设置、主题偏好。
  • SessionStorage :页面刷新或跳转时临时保存的数据,如表单填写进度。