cookis，localStorage，sessionStorage区别？

最新推荐文章于 2025-01-13 15:33:25 发布

原创最新推荐文章于 2025-01-13 15:33:25 发布 · 415 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#cookie #web

本文详细对比了cookie、localStorage和sessionStorage的区别，包括它们的生命周期、数据存放大小、http请求参与情况、作用域以及易用性等方面，帮助读者理解并合理选择在不同场景下使用的存储方式。

1. 关于生命周期
cookie：可设置失效时间，在失效时间内有效。默认为一次回话（即浏览器窗口被关闭）后失效。
localStorage：永久有效，除非手动清除。
sessionStorage：仅在当前网页回话下有效，关闭网页浏览器后会被清除。
2. 关于存放数据
cookie：有存储大小限制，一般为4K左右。
localStorage，sessionStorage：有存储大小限制，但比cookie大得多，可达到5M或更大。
3. 关于http请求
cookie：每次请求都会携带在http头中，即cookie在浏览器和服务器间来回传递，如果使用cookie保存过多数据会带来性能问题。
localStorage，sessionStorage：仅在客户端中保存，不参与和服务器的通信。
4. 作用域不同
cookie，localStorage：同一个浏览器同一个路径下访问（即不跨域的），在所有同源窗口都是共享的。
sessionStorage：不在不同的浏览器窗口中共享，即使是同一个页面。
5. 易用性
cookie：需要自己封装，原生的cookie接口不友好。
localStorage，sessionStorage：即可采用原生接口，亦可使用再次封装。