localStorage sessionStorage 两者区别

• 存储的生命周期不同：localStorage 存储的数据没有过期时间，一直保存在客户端中，除非主动删除。而 sessionStorage 存储的数据只在当前会话有效，当用户关闭浏览器标签页或者窗口时，数据就会被清除。
• 存储大小限制不同：localStorage 和 sessionStorage 存储的数据大小都有限制，但是限制的大小不同。一般来说，localStorage 的存储容量比 sessionStorage 更大，通常可以存储几个 MB 的数据，而 sessionStorage 的容量通常在几十 KB 左右。
• 数据作用域不同：localStorage 存储的数据在同源的所有窗口中都可以访问，而 sessionStorage 存储的数据只能在打开该存储数据的窗口或标签页中访问。
• API 使用方式相同：localStorage 和 sessionStorage 使用方式相同，都是通过 JavaScript 的 localStorage 和 sessionStorage 对象来进行访问和操作，具有相同的 API。

综上所述，localStorage 和 sessionStorage 的主要区别在于存储的生命周期、存储大小限制和数据作用域。在使用时需要根据具体需求选择合适的存储方式。