localStorage 和 sessionStorage 是浏览器提供的两种客户端存储数据的方式：

1. 生命周期：

   • localStorage： 存储在 localStorage 中的数据在浏览器关闭后仍然保留，直到被显式删除或浏览器清除缓存。
   • sessionStorage： 存储在 sessionStorage 中的数据仅在当前会话期间有效。会话结束时（例如关闭浏览器标签），数据将被清除。

2. 作用域：

   • localStorage： 存储在 localStorage 中的数据对于相同域名的所有页面都是可见的，包括打开的标签页和窗口。
   • sessionStorage： 存储在 sessionStorage 中的数据仅对于创建该数据的页面及其打开的标签页和窗口可见。

3. 存储大小：

   • localStorage： 通常支持较大的存储容量，通常为 5MB 左右。
   • sessionStorage： 存储容量较小，通常与 localStorage 相同，但在某些浏览器中可能会有略微不同的限制。

4. 使用场景：

   • localStorage： 适用于需要在不同页面和会话之间共享数据的情况，例如用户的偏好设置或持久性登录状态。
   • sessionStorage： 适用于在同一页面或会话期间临时存储数据，这些数据不需要在会话结束后保留。