localStorage
和 sessionStorage
是浏览器提供的两种客户端存储数据的方式:
-
生命周期:
- localStorage: 存储在
localStorage
中的数据在浏览器关闭后仍然保留,直到被显式删除或浏览器清除缓存。 - sessionStorage: 存储在
sessionStorage
中的数据仅在当前会话期间有效。会话结束时(例如关闭浏览器标签),数据将被清除。
- localStorage: 存储在
-
作用域:
- localStorage: 存储在
localStorage
中的数据对于相同域名的所有页面都是可见的,包括打开的标签页和窗口。 - sessionStorage: 存储在
sessionStorage
中的数据仅对于创建该数据的页面及其打开的标签页和窗口可见。
- localStorage: 存储在
-
存储大小:
- localStorage: 通常支持较大的存储容量,通常为 5MB 左右。
- sessionStorage: 存储容量较小,通常与
localStorage
相同,但在某些浏览器中可能会有略微不同的限制。
-
使用场景:
- localStorage: 适用于需要在不同页面和会话之间共享数据的情况,例如用户的偏好设置或持久性登录状态。
- sessionStorage: 适用于在同一页面或会话期间临时存储数据,这些数据不需要在会话结束后保留。